horizontal navigation

  • davy_yg

    (@davy_yg)


    14 years, 4 months ago

    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)
  • peredur

    (@peredur)

    14 years, 4 months ago

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

    Cheers

    PAE

    FazBuzzWP

    (@fazbuzzwp)

    14 years, 4 months ago

    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

    peredur

    (@peredur)

    14 years, 4 months ago

    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)

    14 years, 4 months ago

    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%;

    peredur

    (@peredur)

    14 years, 4 months ago

    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.