SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    Web Design Addict
    Join Date
    Mar 2004
    Posts
    2,152
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    What is going on?

    Hey guys,

    I changed the size of my text as well as the face of the text to verdana from arial and now my horizontal menu is messed up. There is a space underneith the text causing separation and they drop down menu on the "health products" link is screwed! Can someone take a look and see if you see anything that is wrong with my code? The site address is located at http://www.geocities.com/deronsizemore/index5.htm

    Thanks,

    Deron

  2. #2
    Put your best practices away. The New Guy's Avatar
    Join Date
    Sep 2002
    Location
    Canada
    Posts
    2,087
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Well, the problem is your first LI style (which draws the border) is not a tall (height) as the containing UL. The font change probably increase the size. You can correct this two ways. 1. Decrease the first UL to 14px height, and it will fit. 2. ad height: 16px; to the first LI (the one which contains the border-right declaration).

    Hope that helps
    "A nerd who gets contacts
    and a trendy hair cut is still a nerd"

    - Stephen Colbert on Apple Users

  3. #3
    Web Design Addict
    Join Date
    Mar 2004
    Posts
    2,152
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'll give that a shot. thank ya much

  4. #4
    Web Design Addict
    Join Date
    Mar 2004
    Posts
    2,152
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    will this fix also fix that drop down box? It was jacked up as well.

  5. #5
    Put your best practices away. The New Guy's Avatar
    Join Date
    Sep 2002
    Location
    Canada
    Posts
    2,087
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    For the first solution yes. So under #navbar if you change the height to height: 14px; it will look correct.

    For the second solution make LI height: 16px; AND LI A and LI A:HOVER height: 16px;
    "A nerd who gets contacts
    and a trendy hair cut is still a nerd"

    - Stephen Colbert on Apple Users

  6. #6
    Web Design Addict
    Join Date
    Mar 2004
    Posts
    2,152
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    cool...thanks


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
  •