Vanilla 1 is no longer supported or maintained. If you need a copy, you can get it here.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

[CSS question] <li> items over two lines, bug in IE6?

3stripe3stripe ✭✭
edited November 2006 in Vanilla 1.0 Help
Hi folks

Another CSS puzzle for anyone who's bored.

I have an unordered list like this..

image

But items which wrap over 2 lines are doing something funny... look at "Wifi" for example!
The second line is positioned about 1px further to the left than the first line.... but only in IE5/6... doesn't happen in IE7

Any suggestions?

Here's the actual html page

Cheers,

Mr.3stripe

Comments

  • edited October 2006
    Text-indent? or maybe kerning or letter-spacing? EDIT: http://webtypography.net/Rythm_andProportion/Horizontal_Motion/2.1.8/
  • Maybe you could create an L-shaped bullet image that would force the 2nd line over.
  • perhaps you can read this article from Alistapart Taming Lists
  • I found this article at Alistapart sandbags.
  • I added
    #subnav li {text-indent: -1px;} and that looked to solve _that_ problem. Only issue is some other titles are a little off as well... not just the 2 lined li's.
  • Solved - it's the font. Lucida whatever it is... if you switch to Verdana etc this doesn't happen.
This discussion has been closed.