Jump to content

Recommended Posts

Posted

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;

}

Posted (edited)

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

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

Posted (edited)

jlhaslip,

 

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

 

Thanks

Edited by dms

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...