deluxeondecks
Mitglied
Hallo Leute,
ich möchte eine Liste, welche das Menü darstellt, innerhalb eines Divs zentrieren. Das ganze ist auch schon zentriert, wenn man den Punkt vor einem Listenelement einblendet. Hab schon viel mit margin probiert, aber darauf reagiert die Liste gar nicht. Hier mal mein Code:
HTML:
CSS:
Kann jemand helfen?
ich möchte eine Liste, welche das Menü darstellt, innerhalb eines Divs zentrieren. Das ganze ist auch schon zentriert, wenn man den Punkt vor einem Listenelement einblendet. Hab schon viel mit margin probiert, aber darauf reagiert die Liste gar nicht. Hier mal mein Code:
HTML:
Code:
<div class="menuContent">
<ul class="container">
<li><a href="#"><?php echo MENU_ITEM_CURRENT; ?></a></li>
<li><a href="#" ><?php echo MENU_ITEM_COMPANY; ?></a></li>
</ul>
</div>
CSS:
Code:
DIV.menuContent
{
width: 185px;
float: left;
min-height: 400px;
background-image: url("../images/layout/menuContent.jpg");
}
.container ul {
padding: 0;
margin: 0;
}
.container li {
font-family: Auriol;
font-size: 16px;
font-weight: bold;
list-style-type: none;
text-align: center;
border: 1px yellow solid;
background-image: url("../images/btn_background.png");
}
.container a {
display: block;
height: 30px;
width: 140px;
color: #FFFFFF;
padding-top: 10px;
text-decoration: none;
}
.container a:hover {
background-image: url("../images/_btn_background.png");
color: #FFFFFF;
}
Kann jemand helfen?