The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Trouble with sticky fixed menu and image display

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #183695

    I have a fixed menu as you can see here. The trouble I am having is the image. I can not get get the image to center position, I have tried changing the margin but can not get it exactly right. As well, I want to remove the hover from this menu item, is there a way do to this? Any help appreciated.

    Here is the CSS:

    \#nav{ background-color: #FFF; position: fixed; width: 100%; top: 0; }
    #nav-wrapper{ width: 960px; margin: 0 auto; text-align: left; }
    #nav ul{ list-style-type: none; padding: 0; margin: 0; }
    #nav ul li{ display: inline-block; }
    #nav ul li:hover{ background-color: #333; }
    #nav ul li a,visited{ color: #999; display: block; padding: 15px; text-decoration: none; }


    Would this not work:

    #nav ul li { 
      display: inline-block;
      vertical-align: middle; 

    If the logo is not a link, how about adding the :hover to nav <a> instead of <li>


    Of course, something simple I missed. Seems to work well, thank you very much.

    I changed it to:

    \#nav ul li{ display: inline-block; vertical-align: middle; }
    #nav ul li a:hover{ background-color: #333; }

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.