Previous Message
Next Message

IE5 Nav List Padding Issue when Unlinking Item

Sent by Scott Moore on 9 September 2005 20:08


I've got 5 items and a divider in a footer navigation list and items  
4 and 5 need to be a different color than items 1 through 3. Items 1  
through 3, and 5 are linked but the divider and item 4 aren't. The  
below code works fine aside from IE5/PC which bumps the divider and  
item 4 down below the other items.

Any idea of how to correct this? I've been going in circles trying to  
find a solution.

Scott



#footer {
     color: #3d4242;
     height: 20px;
     margin: 0;
     padding: 10px 0 0 15px;
}

#footer li {
     display: inline;
     height: 0px; /* added to allow IE5 to notice padding*/
     list-style: none;
     margin: 0;
     padding: 0 10px 0 0;
}

#footer a {
     color: #3d4242;
     font-weight: normal;
     height: 0px; /* added to allow IE5 to notice padding*/
     margin: 0;
     text-decoration: none;
     }

#footer a.active, #footer a:hover {
     color: #3d4242;
     text-decoration: none;
     }

..copyright {
     color: #a0a0a0;
}

..copyright a.active, .copyright a:hover {
     color: #a0a0a0;
}

<ul id="footer">
<li><a href="#">one</a></li>
<li><a href="#">two</a></li>
<li><a href="#">three</a></li>
<li>|</li>
<li><span class="copyright">four</span></li>
<li><a href="#"><span class="copyright">five</span></a></li>
</ul>
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message