horizontal navigation

  • I wonder why this turns to vertical navigation ?

    header.php

    <div id="nav">
<?php wp_list_pages('sort_column=menu_order&title_li=');?>
</div>

    style.css

    #header #nav {
float: left; margin: 0 0 0 24px; background: url(images/navbar.png) repeat-x; padding: 2px 0 0 0; width: 100%;
z-index: 1;
}

    Is the default wordpress navigation I have to place
    <li> in order to make it horizontal ? Just one problem, if it is how to delete the bullet behind it ?

Viewing 5 replies - 1 through 5 (of 5 total)

  • Because you haven’t told the list items to display inline?

    Cheers

    PAE

    You have to float each individual list element also to achieve a horizontal navigation. you are just floating or moving your whole nav bunch to left but not the individuals.
    Hope this helps
    Cheers

    And you’ve done something in your post that messes up the forum’s display. I’ve done it myself on occasions. You need to edit your post to put things right.

    Cheers

    PAE

    Thread Starter davy_yg

    (@davy_yg)

    One more thing, why the navigation bar does not fill the whole horizontal screen ?

    I thought I define it in css already to do so:

    width: 100%;

    You need to check the width of its parent. A width of 100% means 100% of its first non-floated parent.

    It’s hard to say without a link to your site

    Cheers

    PAE

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘horizontal navigation’ is closed to new replies.