floaten oder display:inline
Hi :-)
Ich habe schon im css float:left, aber sobald ich das Browserfenster minimiere, rücken die Listenelemente in die nächste Zeile..
Hier mal was zum sehen:
<ul id="menu">
<li><a href="blabla.html">Blabla</a></li>
<li><a href="blabla2.html" class="aktuell">Blabla2</a></li>
</ul>
Und das stylesheet:
ul#menu {
position: absolute;
margin-top: 208px;
margin-left: 0px;
left:0px;
right:0px;
height: 43px;
list-style-type: none;
padding-left: 280px;
}
ul#menu li {
display: block;
float: left;
margin: 0 0 0 5px;
}
ul#menu li a {
height: 43px;
color: #000000;
text-decoration: none;
display: block;
float: left;
line-height: 200%;
padding: 8px 11px 0;
}
ul#menu li a:hover {
color: #ca1313;
padding: 5px 11px 0;
}
ul#menu li a.aktuell{
color: #ca1313;
padding: 5px 11px 0;
}