Support » Fixing WordPress » Navigation bar on top

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

some of those menus at listamatic arent ie/mozilla friendly.

lance if you are using mozilla you can get a plugin that is called the web dev. plugin
it allows you to view the css file of a page.

get that plugin, then view the css of binary bonsai. it will have the css for the menu he is using. copy that css into your css file and then put the {li} {ul}
stuff in your header file.
it should work after that.
leme know if you have any more questions.

-how can I post html here-

You won’t need the Mozilla plugin. Just view the source code with your browser, look for the stylesheet URL in ther pages header.

Enter that into the browser and it will call up the CSS to view or copy.

This is how I do my nav bar: http://www.workingbath.com/

HTML
<div id=”nav” class=”clearfix”>
< ul>< li class=”page_item”>< a href=”<?php bloginfo(‘url’); ?>” title=”Home”>Home< /a>
< /li>
<?php wp_list_pages(‘title_li=’); ?>
< /ul>
</div>

CSS
#nav {
position: relative;
background: #f1f1f1;
border-bottom: 10px solid #fff;
}

#nav ul {
margin: 0;
padding: 0;
list-style: none;
}

#nav ul li {
float: left;
margin: 0;
padding: 0;
}

#nav ul li a {
text-decoration: none;
color: #777;
display: block;
padding: 10px;
}

#nav ul li a:hover {
color: #fff;
}

* html #nav ul li { width: 1%; }

* html #nav ul li a { height: 1%; }

nav ul li a:hover { background: #394d65; }

.clearfix:after {
content: “.”;
display: block;
height: 0;
clear: both;
visibility: hidden;
}

* html .clearfix {height: 1%;}

Where do i add those css and html codes ?

The css will go in your style.css file and the html will go in header.php

Thaks All:)

What are the *’s? i cant get the CSS to work

wow… all such great info!

Looks good but how would either handle subpages generated by the function?

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Navigation bar on top’ is closed to new replies.