SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Evangelist Barnum's Avatar
    Join Date
    Oct 2008
    Posts
    418
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Another Question

    Is there someway to keep my menu on left aligned with photo vertically? It drops below photo on some PC's/monitors, etc.. On mine it lines up perfectly and looks much better. Any help would be appreciated. Rayzur was a big help in designing this page....

    Thanks,


    http://www.stoutstandards.com/

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,344
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    I'm not quite sure what you are asking. If you wanted menu to match the height of the photo exactly then you should have used a min-height that matches the photo height and then ensure that the nav items are contained within that height.

    If you are looking to vertically align the nav no matter what the height of the nav or the image then you could do something like this.

    Code:
    #header img {
      border: 2px solid #000000;
      display: inline-block;
      float: none;
      vertical-align: middle;
    }
    #nav {
      background: #D2B48C;
      border: 2px solid #000000;
      display: inline-block;
      float: none;
      list-style: none outside none;
      margin: 0;
      padding: 0;
      vertical-align: middle;
      width: 176px;
    }
    * html #nav{display:inline}
    *+html #nav{display:inline}
    


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
  •