Jump to content
Stef's Coding Community
dms

navigation bar - vertical separators

Recommended Posts

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?

 

 

#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;

}

Share this post


Link to post
Share on other sites

#navlist li a {

padding: 0.4em 1em;

background-color: #009;

color: #FFF;

text-decoration: none;

float: right;

border-right: 1px solid #FFF;

}

Edited by newseed

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

jlhaslip,

 

That worked! I think I tried everything but that. ?

 

Thanks

Edited by dms

Share this post


Link to post
Share on other sites

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.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...