css menu :after selector? -


hi need this. design calls vertical line separator in between each menu item, when not active. need remove left border #current (already done) next a. thoughts?

menu

#topmenu ul {margin: 0 0 7px 0; width: 100%;padding: 0;} #topmenu li {list-style: none;display: inline;margin: 0 0px;padding:15px 10px 15px 0px; line-height:15px;text-align:center;} #topmenu a:link, #topmenu {color: #ffffff;text-decoration: none;margin: 0px 0px 0px 0px; font-weight:normal;padding: 0px 5px 0px 14px; border-left-color:#fff; border-left-style:solid;border-left-width:1px;} #topmenu ul li.item82 a, #topmenu #current  {border:none;} #topmenu #current:after {border:none;} #topmenu a:hover{color: #efefef;} #topmenu a:active{color: #efefef;} #topmenu #current{color: #efefef;background-color:#19bcb9;-moz-border-radius-topright:4px; -moz-border-radius-topleft:4px; border-top-left-radius: 4px;border-top-right-radius: 4px;  -webkit-border-top-right-radius:4px;-webkit-border-top-left-radius:4px;}  <ul class="menu"> <li class="item82"><a href="/about.html"><span>about us</span></a></li> <li class="item62"><a href="/our-philosophy.html"><span>our philosophy</span></a></li> <li class="active item54" id="current"><a href="/services.html"><span>services</span></a></li> <li class="item74"><a href="/soutions.html"><span>soutions</span></a></li> <li class="item68"><a href="/workshops.html"><span>workshops</span></a></li> <li class="item75"><a href="/whats-new.html"><span>what's new</span></a></li> </ul> 

the adjacent sibling selector + work. will, though in case, have apply child anchor element:

#topmenu #current a, #topmenu #current + li {     border-left-color: transparent ; } 

instead of setting border none - try setting color 'transparent', alignment of layout isn't altered.


Comments

Popular posts from this blog

c# - SharpSVN - How to get the previous revision? -

c++ - Is it possible to compile a VST on linux? -

url - Querystring manipulation of email Address in PHP -