WordPress.org

Ready to get started?Download WordPress

Forums

Menu problem (4 posts)

  1. JonathanCutrell
    Member
    Posted 5 years ago #

    Alright, I am working on a site, and the menu bar will not display correctly in ie. It is going vertical, and it needs to be (obviously) horizontal.

    Here is the css.

    #nav {
    	float: left;
    	margin-top: -20px;
    	height: 20px;
    }
    
    #nav li {
    	display: inline;
    	color: #777777;
    	margin-left: 5px;
    	margin-top: 5px;
    	margin-right: 5px;
    	font-size: 26px;
    	line-height: 26px;
    	margin-bottom: -20px;
    	padding: 5px;
    }
    .active_category {
    	color: #000000;
    	background-color:#ffffff;
    	padding: 5px;
    	margin-left: -5px;
    	font-weight: bold;
    	}
    .active_category:hover {
    	color: #777777;
    	}
    
    .current_page_item a{
    	color: #000000;
    	background-color:#ffffff;
    	padding: 5px;
    	margin-left: -5px;
    	font-weight: bold;
    	}
    .current_page_item a:hover {
    	color: #777777;
    	}

    And the html/php:

    <div id="nav" class="clear">
    			<ul>
    				<!-- home for headernav <li <?php if (is_home()){echo 'class="current_page_item"';}?>><a href="<?php bloginfo('url'); ?>/">Home</a></li> -->
    				<?php wp_list_pages('title_li='); ?>
    			</ul>
    			</div>

    Thank you for your help.

  2. phrozen755
    Member
    Posted 5 years ago #

    Try the using a float: left with your UL styling, with 100% width...lemme know if that did anything.

  3. JonathanCutrell
    Member
    Posted 5 years ago #

    No good. Any help on this one?

  4. krembo99
    Member
    Posted 5 years ago #

    Try to have a UL also in the css, with display: inline; and/or li with display: block; .
    There are a lot of CSS horizontal menu fixes if you search google..
    (and BTW - where is your clear class?)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags