WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Header ul navigation horizontal menu goes vertical in IE6 & IE7 (3 posts)

  1. silis25
    Member
    Posted 1 year ago #

    I have a UL horizontal menu for the pages menus and it works fine in IE8, Chrome & Firefox.
    But IE 6 & IE 7 make the buttons go vertical instead of horizontal.

    style.css

    <div id="header">
    <div class="inside">
    <div class="logo"><a href="http://www.letthemstare.com"><img src="http://www.letthemstare.com/wp-content/themes/letthemstare/images/logo.gif" border="0" alt="Blog Logo" /></a></div>
    <ul id="navigation">
    <li><a href="http://www.letthemstare.com">Home</a></li>
    <li class="page_item page-item-93"><a href="http://www.letthemstare.com/press/">Press</a></li>
    <li class="page_item page-item-90"><a href="http://www.letthemstare.com/about/">About</a></li>
    <li class="page_item page-item-96"><a href="http://www.letthemstare.com/contact/">Contact</a></li>
    </ul>
    </div>
    </div>
    #header ul#navigation {
    	width: 300px;
    	list-style: none;
    	margin: 0 auto;
    	padding: 0;
    	padding-top: 15px;
    	padding-bottom: 0px;
    }
    ul#navigation li a {
    	color: #000;
    }
    ul#navigation li a:hover {
    	color: #d33300;
    }

    Any help would be greatly appreciated.
    Thanks and regards,

    Kfir Silis
    http://www.letthemstare.com

  2. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    http://codex.wordpress.org/Creating_Horizontal_Menus

    your styles seem to be missing something comparable to:
    #navigation li {display: inline; }

  3. silis25
    Member
    Posted 1 year ago #

    Very fast response and your fix worked just great !!!
    Thank you :)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags