CSS Conflict

[CrewJones00]

Anyone have a bit of advice on this? The below code is a sidebar on a website i'm putting together. I have created a class in CSS to override the general formatting called "sub." It works fine except when I try to throw a link in with the THIS IS LAME line. The text defaults back to normal. Is this a common problem or do I need to put the link in a special way.

<div id="sidebar1">

<ul>
<div class="sub">
<li>THIS IS LAME</li>
</div>

<li><a href="blah.html">name</a></li>
<li><a href="blah.html">name</a></li>
<li><a href="blah.html">name</a></li>
<li><a href="blah.html">name</a></li>
<li><a href="blah.html">name </a></li>
<li><a href="blah.html">name</a></li>
<li><a href="blah.html">name</a></li>
<li><a href="blah.html">name</a></li>
<li><a href="blah.html">name</a></li>
<li><a href="blah.html">name</a></li>
</ul>
<ul>
<div class="selected">
<li>THIS IS LAME</a></li>
</div>
</ul>

<!-- end #sidebar1 --></div>

[CrewJones00]

Probably because the a:link text color is overriding?

[rdoyle720]

Can you show the CSS and maybe explain a little more what you're trying to do and what's going wrong?

[CrewJones00]

Thanks for replying but i've figured it out. I had a global color set that kept overriding my dreamweaver commands.

Thank you very much for looking to help a young designer!

[MyFriendIsATaco]

Your div should also be inside the <li>

But for what you're doing, you could just apply the sub class to the li element directly:

<li class="sub"><a href="#">THIS IS LAME</a></li>

[CrewJones00]

Thanks!

[collee_c]

nice error solving idea..thanks dude.we have know how to do that

----------------------------------------------------------
banner sign stands trade show display

[MyFriendIsATaco]