dms Posted March 29, 2009 Report Share Posted March 29, 2009 I have a navigation bar with vertical separators and would like to remove or override the... (right-border) on the link farthest to the right. I can't seem to get a grip on this? Email Free Quote Portfolio Welcome #navcontainer { margin: 0px auto; padding: 5px 0px 28px 0px; background-color: #009; width: 750px; } #navlist li { display: inline; list-style: none; } #navlist li a { padding: 0.4em 1em; background-color: #009; color: #FFF; text-decoration: none; float: right; border-right: 1px solid #FFF; } #navlist li a:hover { background-color:#FFF; color: #900; font-weight: bold; } #navlist li.first { border-right: 0; } Quote Link to comment Share on other sites More sharing options...
newseed Posted March 29, 2009 Report Share Posted March 29, 2009 (edited) #navlist li a { padding: 0.4em 1em; background-color: #009; color: #FFF; text-decoration: none; float: right; border-right: 1px solid #FFF; } Edited March 29, 2009 by newseed Quote Link to comment Share on other sites More sharing options...
jlhaslip Posted March 29, 2009 Report Share Posted March 29, 2009 Add a class to the last link and use CSS for that class to override the border. > </pre> <li>Welcome</li> <br><br><br>#navlist li a.last {<br>border-right: 0px solid #FFF Quote Link to comment Share on other sites More sharing options...
dms Posted March 29, 2009 Author Report Share Posted March 29, 2009 (edited) jlhaslip, That worked! I think I tried everything but that. ? Thanks Edited March 29, 2009 by dms Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.