SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Zealot kevinritt's Avatar
    Join Date
    Nov 2002
    Location
    Lynn, Massachusetts-United States
    Posts
    138
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Need help lining up text and a link button in a horontal menu

    On my sitehttp://northshorewebdesign.net/testsite/ I have a horizontal menu with text and one image link. The menu is under the slideshow. There are 4 text links and an image link. I am trying to line up the text and image horizontally. Can anyone see what I am doing wrong? Here's the code:
    Code:
    .homepage-sub-menu {float: left; width: 960px; height: 70px;overflow: hidden; position: relative; margin: 10px 0px;} 
    .homepage-sub-menu ul{list-style-type: none; margin: 0; padding: 0; overflow:hidden;} 
    .homepage-sub-menu ul li {float: left; vertical-align:middle; width: 180px;} 
    .homepage-sub-menu ul li a:link,a:visited {display: block; width: 180px; font-family: Calibri,Arial, Helvetica, sans-serif; padding: 10px 4px; font-size: 20px;color: #ffffff; text-decoration:none; vertical-align:middle;display:table-cell;line-height: 70px;} 
    .homepage-sub-menu ul li a:hover,a:active{text-decoration: underline; vertical-align:middle;}
    Thank you

  2. #2
    Mouse catcher silver trophy Stevie D's Avatar
    Join Date
    Mar 2006
    Location
    Yorkshire, UK
    Posts
    5,888
    Mentioned
    122 Post(s)
    Tagged
    1 Thread(s)
    That extract doesn't seem to appear in your CSS ... have you uploaded the right version?

  3. #3
    SitePoint Enthusiast
    Join Date
    Jun 2004
    Location
    Arnhem, The Netherlands
    Posts
    83
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Stevie D is right. There is no sign of those styles in your stylesheet.

    Something else but totally unrelated I noticed is that in the styles you posted your list items are 180px wide, but the links inside them are 188px wide (180px + 4px left margin + 4px right margin).


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
  •