balufreak
Aktives Mitglied
Thread Starter
- Dabei seit
- 12.10.2003
- Beiträge
- 1.563
- Reaktionspunkte
- 28
Hallo leute. Ich steh mal wieder aufm schlauch...
Ich habe eine DIV-Container mit einer horizontalen ul liste. Nun möchte ich diese jedoch zentriert haben.
hier mal der HTML code:
und hier das CSS dazu
jedoch sieht das ganze so aus:
Es handelt sich dabei um die Menüstruktur unter dem "banner"
Wo ists noch verkehrt?
Ich habe eine DIV-Container mit einer horizontalen ul liste. Nun möchte ich diese jedoch zentriert haben.
hier mal der HTML code:
Code:
<div id="pages">
<ul>
<li class="current_page_item"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">User</a></li>
<li><a href="#">Games</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Galerie</a></li>
<li><a href="#">Files</a></li>
<li><a href="#">Links</a></li>
</ul>
</div>
und hier das CSS dazu
Code:
div#pages {
height: 30px;
margin: 0 auto 5px;
width:800px;
text-align: center;
}
div#pages ul {
padding: 0px 0px 0px;
white-space: nowrap;
list-style-type: none;
margin: 0px;
}
div#pages ul li {
float:left;
text-align:center;
}
div#pages ul li.current_page_item a {
text-decoration: underline;
}
div#pages ul li a {
display: block;
text-decoration: none;
margin:1px 0px;
text-align:left;
font-size:13px;
padding:10px;
font-weight: bold;
color: #999999;
}
div#pages ul li a:hover {
color: #FF7800;
}
jedoch sieht das ganze so aus:
Es handelt sich dabei um die Menüstruktur unter dem "banner"
Wo ists noch verkehrt?