CSS deprecation issue???
Posted: Sat Aug 18, 2007 5:07 pm
feyd | Please use
CSS
feyd | Please use[/syntax]
Code: Select all
,Code: Select all
and [syntax="..."] tags where appropriate when posting code. Your post has been edited to reflect how we'd like it posted. Please read: [url=http://forums.devnetwork.net/viewtopic.php?t=21171]Posting Code in the Forums[/url] to learn how to do it too.[/color]
I don't know what this might be so thought it might be a deprecation issue. But if someone could explain wtf could be happening with my css I would be greatly appreciative. This is not the first time I am pulling my hair out over this.
I have posted my html and css below. What happens is that characteristics I put for one element will end up being the characteristics for the other element. For example, the first item in the li class=ucsclnk shows up fine, with background 000, color 069, etc. But then the second on the list takes on the characteristics of the #navcontainer ul a:link, #DE1010 background, etc. What gives?
ANY help would be very greatly appreciated.
Thanks.
[b]HTML[/b]
[syntax="html"]
<div id="navcontainer">
<ul id="navlist">
<li><a href="#" id="current">Home</a></li>
<li><a href="directors.html">Directors</a></li>
<li><a href="cpe.html">Events</a></li>
<li><a href="links.html">Links</a></li>
<li><a href="presidents.html">Presidents</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div id="ucsc">
<ul class="ucsclst">
<li class="ucsclnk"><a></a></li>
<li class="ucsclnk"><a></a></li>
</ul>
</div>
Code: Select all
#navcontainer ul a:link, ul a:visited {
color: #fff;
border:none;
background-color: #DE1010;
text-decoration: none;
line-height:3.25em;
text-align:center;
font-weight:bold;
font-family:Trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
}
#ucsc {
border:2px solid red;
padding: 5px;
margin-bottom:5px;
color:#00f;
font-weight:bold;
}
ul.ucsclst {
list-style-type:none;
padding-top:5px;
}
li.ucsclnk a:link, a:visited {
color:#069;
text-decoration:none;
background-color:#000;
}
li.ucsclnk a:hover {
color:#000;
text-decoration:underline;
background-color:#000;
}
feyd | Please use[/syntax]
Code: Select all
,Code: Select all
and [syntax="..."] tags where appropriate when posting code. Your post has been edited to reflect how we'd like it posted. Please read: [url=http://forums.devnetwork.net/viewtopic.php?t=21171]Posting Code in the Forums[/url] to learn how to do it too.[/color]