Die Menubar, die die Kategorien ausgeben soll, will einfach nicht nach links wandern.
In der style.css definieren ich sie folgendermaßen:
ZitatAlles anzeigen#bar {
height:35px;
width:900px;
}/*Navigation Kategorien*/
#menubar {
background-color:#1d3548;
width:980px;
height:40px;
margin:0 0 0 -80px;
padding:0 0 0 0;
}#menubar li {
margin: 0;
padding: 0;
list-style:none;
}
#menubar a {
color: #FFFFFF;
display:block;
text-decoration:none;
font-size:13px;
margin:0 4px 0 0;
padding:10px 8px;
font-weight: normal;
font-family:Enigma__2-webfont, Verdana, Arial;
background-color: tranparent;
text-transform:uppercase;}
#menubar a, #menubar a span {
display: block;
float: left;
}/* Hide from IE5-Mac \*/
#menubar a, #menubar a span {
float: none
}/* End hide */
#menubar a:hover {
color:#fff;
background: #eb01a1 url(images/navarrow.png)center bottom no-repeat;
display:block;
text-decoration:none;
}#menubar a:hover span {
position:static;
}#menubar ul {
list-style: none;
padding: 0;
margin: 0;
position:static;
}#menubar li {
float: left;
margin: 0;
}#menubar li li {
color: #c51e35;
background-color:#FFFFFF;
float: left;
margin: 0;
}/*ende menubar*/
In der header.php rufe ich sie so auf:
ZitatAlles anzeigen<div id="bar" >
<ul id="menubar">
<?php
$categories= get_categories();
foreach ($categories as $cat) {
?><!-- <li><a href="<?php bloginfo('url')?>?cat=<?php echo $cat->cat_ID?>"><span><?php echo $cat->cat_name ?></span></a></li>-->
<li><a href="<?php echo get_category_link($cat->cat_ID) ?>"><span><?php echo $cat->cat_name ?></span></a></li>
<?php } ?>
</ul>
</div>
Ich finde einfach nicht die Stelle, mit der ich die Bar positionieren kann. Ich kann sie breiter machen, den Hintergrund beim hover ändern, aber nicht die Position ändern.
Hat jemand von Euch nen Ansatz, was ich falsch mache?