D
Deleted member 26020
Guest
Hallo,
ich hab folgendes Problem. Eine Website die ich gerade für einen bekannten mach, möchte ich das horizontale CSS Menü zentrieren.
Der Container hat folgenden Code
Die CSS Datei hat folgenden:
Ich bekomms leider nicht hin den Container zu zentrieren. Diverse möglichkeiten mit "margin:0px auto" haben nicht funktioniert.
Ich find leider den entscheidenen Fehler/Denkfehler..
Vielen dank im voraus für die Hilfe!
ich hab folgendes Problem. Eine Website die ich gerade für einen bekannten mach, möchte ich das horizontale CSS Menü zentrieren.
Der Container hat folgenden Code
Code:
<style media="all" type="text/css">@import "Serverpfad/menu_style.css";</style>
<div class="menu" style="position:absolute; top:389px; width:610px; margin:0px auto">
<ul>
<li><a href="index.php?go=snowkiten" target="_self" >Snowkiten</a>
<ul>
<li><a href="index.php?go=snowkiten" target="_self">Beschreibung</a></li>
<li><a href="index.php?go=snowkiten_kurse" target="_self">Kurse</a></li>
<li><a href="index.php?go=anfrage" target="_self">Anfrage</a></li>
<li><a href="index.php?go=eventkalender" target="_self">Eventkalender</a></li>
</ul>
</li>
<li><a href="index.php?go=kitesurfen" target="_self" >Kitesurfen</a>
<ul>
<li><a href="index.php?go=kitesurfen" target="_self">Beschreibung</a></li>
<li><a href="index.php?go=kitesurfen_kurse" target="_self">Kurse</a></li>
<li><a href="index.php?go=camps" target="_self">Camps</a></li>
<li><a href="index.php?go=anfrage" target="_self">Anfrage</a></li>
<li><a href="index.php?go=eventkalender" target="_self">Eventkalender</a></li>
</ul>
</li>
<li><a href="index.php?go=shop" target="_self" >Shop</a>
</li>
<li><a href="index.php?go=powerkiten" target="_self" >Powerkiten</a>
<ul>
<li><a href="index.php?go=powerkiten" target="_self">Beschreibung</a></li>
<li><a href="index.php?go=powerkiten_kurse" target="_self">Kurse</a></li>
<li><a href="index.php?go=anfrage" target="_self">Anfrage</a></li>
<li><a href="index.php?go=eventkalender" target="_self">Eventkalender</a></li>
</ul>
</li>
<li><a href="index.php?go=standuppaddel" target="_self" >Standup Paddel</a>
<ul>
<li><a href="index.php?go=standuppaddel" target="_self">Beschreibung</a></li>
<li><a href="index.php?go=standuppaddel_kurse" target="_self">Kurse</a></li>
<li><a href="index.php?go=anfrage" target="_self">Anfrage</a></li>
<li><a href="index.php?go=eventkalender" target="_self">Eventkalender</a></li>
</ul>
</li>
</ul>
</div>
Die CSS Datei hat folgenden:
Code:
.menu{
border:none;
border:0px;
margin:0px auto;
padding:0px;
font: 100% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}
.menu ul{
background:#222222;
height:35px;
width:610px;
list-style:none;
margin:0 auto;
padding:0;
}
.menu li{
float:left;
padding:0px;
}
.menu li a{
background:#222222;
color:#cccccc;
display:block;
font-weight:normal;
line-height:35px;
margin:0px auto;
padding:0px 25px;
text-align:center;
text-decoration:none;
}
.menu li a:hover, .menu ul li:hover a{
background: #009f15 url("http://www.html.de/images/hover2.png") bottom center no-repeat;
color:#FFFFFF;
text-decoration:none;
}
.menu li ul{
background:#404040;
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:225px;
z-index:200;
/*top:1em;
/*left:0;*/
}
.menu li:hover ul{
display:block;
}
.menu li li {
background:url('images/sub_sep.gif') bottom left no-repeat;
display:block;
float:none;
margin:0px;
padding:0px;
width:225px;
}
.menu li:hover li a{
background:none;
}
.menu li ul a{
display:block;
height:35px;
font-size:14px;
font-style:normal;
margin:0px;
padding:0px 14px 0px 14px;
text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a{
background:#009f15 url('images/hover_sub2.png') center left no-repeat;
border:0px;
color:#ffffff;
text-decoration:none;
}
.menu p{
clear:left;
}
Ich bekomms leider nicht hin den Container zu zentrieren. Diverse möglichkeiten mit "margin:0px auto" haben nicht funktioniert.
Ich find leider den entscheidenen Fehler/Denkfehler..
Vielen dank im voraus für die Hilfe!