height menu items plus weird behavior

  • Translatoria

    (@translatoria)


    14 years ago

    De menu on this page http://www.spinsister.nl/WP/?page_id=12 is far too high, plus Home is somehow lifted up a bit. The gray navbar should have the same height as the yellow border pipes.

    I have checked all paddings and margings, but cannot find the culprit.

    This is my first WP menu, so I have read a lot about it, but to no avail.

    The relevant html for the menu is:

    <div id="menuwrapper">
   <ul id="nav">
  <?php if(is_home() && !is_paged()){ ?>
   <li class="current_page_item">
    <a href="<?php echo get_settings('home'); ?>" title="home">home</a>
   </li>
 <?php } else { ?>

 <?php } ?>
 <?php  wp_list_pages('sort_column=menu_order&title_li='); ?>
 </ul>
          <br class="clearit">
</div>

    the css for the navbar is:

    [CSS moderated as per the Forum Rules. Please just post a link to your site.]

    Can someone help me sort this mess out? Thank you!

Viewing 3 replies - 1 through 3 (of 3 total)
  • esmi

    (@esmi)

    14 years ago

    Try using Firefox with the Firebug add-on for this kind of CSS work.
    http://getfirebug.com/

    Thread Starter Translatoria

    (@translatoria)

    14 years ago

    Thank, you. I have used Firebug, but still connot find what caused the menu items to expand likr that – apart from the Home being too high. I have no idea however whar causes the home button to behave like that.

    Thread Starter Translatoria

    (@translatoria)

    14 years ago

    I got rid of the jumping Home by scrapping the second li in the html, but the grey band is still far too heigh. Must be a padding or margin, right? But which one?! Anybody any ideas? Thanks!

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

The topic ‘height menu items plus weird behavior’ is closed to new replies.