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:
<ul> <?php wp_list_pages('sort_column=menu_order&title_li='); ?> </ul>
In a static website, my navigation would look like this:
<div class="outer"> <ul> <li> <a href="index.php" class="xmenu2"><b class="xsnazzy"> <span class="xboxcontentd"> Home</span> </b><b class="xtop"><b class="xb4"></b> <b class="xb3"></b><b class="xb2"></b> <b class="xb1"></b></b></a> </li> </ul>
This is taken from a menu on CSS Play found here. I’m using the one with the tabs down.
Can anyone help?
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/
- The topic ‘Trying to use complicated CSS menu’ is closed to new replies.