I have the same dilemma and always feel uncomfortable about it. Yesterday I accidentally 'discover' that by adding few pixel of padding in the <.li> or <.li a> does the trick.
tee > > I tend to use alot when it comes to seperating horizontal menu items > with a pike "|". while this gives me what I want visually, I've always been > sort of intuitively uncomfortable with this technique for some reason. > > Here's what I tend to do: > > <ul id="topNav"> > <li><a href="/latest/" title="James Danielik’s latest works." > accesskey="1">Latest Works</a> | </li> > <li><a href="read/" title="Download a chapter from The Raven and The Hawk." > accesskey="2">Read A Chapter</a> | </li> > <li><a href="/buy/" title="Where to buy The Raven and The Hawk." > accesskey="3">Buy The Book</a</li> > </ul> > > Is there a better (best practices) way to do this? The only way I can think of > accomplishing the same effect is by surrounding the "|" with a span class > which would pad-out the left and right sides of the pike, like this: <span > class="padPike">|</span>. > > But if I take that approach, that would be alot of spans within my nav items. > > Interested in anyone weighing in on this topic. > > Cole > ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
