Hi I would like to create a horizontal navigation.
header.php
<div id="container">
<div id="header">
<div id="topcorner">
<a href="#">Career</a> | <a href="#">Mail</a>
</div>
<div id="search"><?php include('search.php'); ?></div>
<div id="nav">
<?php wp_list_pages('sort_column=menu_order&title_li=');?>
</div>
</div>
</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;
}
#header ul#nav li {
float: left; padding: 5px; margin: 0 15px 0 15px; color: #000000;
}
#header ul#nav li:first-child {
margin: 0;
}
#header ul#nav li a {
display: block; font: 12px Arial, Serif; color: black;
text-decoration: none;
}
#header ul#nav li a:hover {
color: grey;
}
This turns to vertical navigation instead after I delete the ul and li. How to keep it horizontal navigation without the li and ul ?
How to modify the css ?
Thanks.