SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Guru
    Join Date
    Jun 2009
    Posts
    820
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)

    ul text vertical-align

    http://mayacove.com/dev/css/test_ul_nav.html

    why is the border-right for that first div not lined up with the text (and it seems to be taller than the text..) I often run into this problem..

    I don't like to give these ul's and li's (or <a>'s>) heights.. but did it to try to line up the border with the text; I gave ul, li, and <a> height and line-height same as font-size... the border still seems taller than the text.. (actually not sure it's taller, I think positioned higher than the text.. why is this...) I often run into this prob... it's a pain....

    (right now this is how it looks in mac FF & Chrome)

    how can I fix this please...

    thank you.....

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,217
    Mentioned
    457 Post(s)
    Tagged
    8 Thread(s)
    Remove the height on the <li>s and instead give either the <li>s or the <ul> a line-height of 13px, like the <a>s.

  3. #3
    SitePoint Guru
    Join Date
    Jun 2009
    Posts
    820
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    that worked..... thank you.... :-)


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •