Trying to use complicated CSS menu (4 posts)

  1. SusieN
    Posted 8 years ago #


    I'm trying to use a complicated CSS menu and I'm having trouble figuring out how to make it work with WordPress Pages.


    What I want to use is this:

    wp_list_pages('sort_column=menu_order&title_li='); ?>

    In a static website, my navigation would look like this:

    <div class="outer">
    <a href="index.php" class="xmenu2"><b class="xsnazzy">
    <span class="xboxcontentd">
    </b><b class="xtop"><b class="xb4"></b>
    <b class="xb3"></b><b class="xb2"></b>
    <b class="xb1"></b></b></a>

    This is taken from a menu on CSS Play found here. I'm using the one with the tabs down.

    Can anyone help?

  2. SusieN
    Posted 8 years ago #

    Just wondering if anyone could help. :)

  3. vavroom
    Posted 8 years ago #

    Hello Susie,

    The problem with this CSS menu is that it relies on added spans and bold tags that just aren't delivered through wp_list_pages. I can't see how you would be able to accomplish it using that function, unless you hack the core itself, which is rarely recommended.

    Incidentally, from a semantic point of view, using repeated <b> tags that are empty just in order to assign css to it, isn't particularly good. First, the 'b' tag is deprecated, unless you are aiming for html validation, instead of xhtml, then, that tag, or its more appropriate equivalent 'strong' should be used around text to bold it. Otherwise, you're not using the tag for what it was meant to be used. Some people don't care about such things, up to you :)

    You may find better horizontal tabs that might be easier to implement on this site: http://css.maxdesign.com.au/listamatic/


  4. SusieN
    Posted 8 years ago #

    Thanks for your reply. I really, really love this menu. I guess I'll hard code everything in and in the meantime, look for a more semanatic solution. Semantics do matter to me very much.

    Thanks again.

Topic Closed

This topic has been closed to new replies.

About this Topic