Forum Moderators: not2easy
thanks in advance!
#left_nav li {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
}
#left_nav_text li a:link {
text-decoration: none;
list-style-type: none;
color: #FF0000;
}
<div id="left_nav">
<p><img src="practice.jpg"></p>
<ul>
<li><a href="#">specifics removed</a></li>
<li><a href="#">specifics removed</a></li>
<li><a href="#">specifics removed</a></li>
<li><a href="#">specifics removed</a></li>
</ul>
<p><img src="learning.jpg"></p>
<ul>
<li><a href="#">specifics removed</a></li>
<li><a href="#">specifics removed</a></li>
<li><a href="#">specifics removed</a></li>
<li><a href="#">specifics removed</a></li>
</ul>
<p> </p>
</div><!-- end left_nav div-->
[edited by: newdude at 4:22 pm (utc) on June 26, 2009]
[edited by: swa66 at 7:54 pm (utc) on June 26, 2009]
[edit reason] No personal links allowed, please see ToS and forum charter, also specifics removed [/edit]
It's probably better to style the "a" element instead of the "a:link" pseudo class.
You can then still style :link :visited :hover, etc. as you like (e.g. to change the colors in those states) without needing to repeat things that stay the same.
Also: an <a> not being a list, it doesn't need "list-style-type: none;", it would probably be a bit more effective on the <ul>.