Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Trouble with a divider pipe in my navbar Re: Trouble with a divider pipe in my navbar

#106879
slb535
Member

I figured it out! (Well, the pipe placement issue. I’d still love to know if there’s a way to control border height, since that’s clearly the better way to go.)

Here’s my new code. Chris’s crazy town selector post actually was what helped me figure it out! The key to getting it in line was having the :after be referring to the a, not the li. And then keeping it out of the drop down was simply a matter of being highly specific.

#nav ul.nav > li > a:after {
content: "|";
padding-right: 20px;
padding-left: 20px;
}