2.2k Aufrufe
Gefragt in Webseiten HTML von computer1234 Einsteiger_in (67 Punkte)
ich habe ein CSS Menü (horizontal) geschrieben.

ich möchte aber, dass die menüpunkte mittig angezeigt werden.
kann mir jemand sagen wie ich das mache?

hier der code:

.menu{
border:none;
border:0px;
margin:0px;
padding:0px;
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
position: relative; left;
}
.menu ul{
background:#333333;
height:35px;
list-style:none;
margin:0;
padding:0;
}
.menu li{
float:left;
padding:0px;
}
.menu li a{
background:#333333 url("images/seperator.gif") bottom right no-repeat;
color:#cccccc;
display:block;
font-weight:normal;
line-height:35px;
margin:0px;
padding:0px 25px;
text-align:center;
text-decoration:none;
}
.menu li a:hover, .menu ul li:hover a{
background: #2580a2 url("images/hover.gif") bottom center no-repeat;
color:#FFFFFF;
text-decoration:none;
}
.menu li ul{
background:#333333;
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:12px;
font-style:normal;
margin:0px;
padding:0px 10px 0px 15px;
text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a{
background:#2580a2 url('images/hover_sub.gif') center left no-repeat;
border:0px;
color:#ffffff;
text-decoration:none;
}
.menu p{
clear:left;
}




thx im Vorraus

lg nils

10 Antworten

0 Punkte
Beantwortet von
ohne das HTML ist dein CSS-Quellcode nichts sagend.

Noch sinnvoller ist ein Link zu deiner Testseite
0 Punkte
Beantwortet von errol Mitglied (557 Punkte)
Moin,

wie wäre es mit der Freeware und Alternative CSS Tab Designer?

Gruß Errol
0 Punkte
Beantwortet von computer1234 Einsteiger_in (67 Punkte)
hier:

<html>
<head>
</head>
<body>
<style media="all" type="text/css">@import "menu/menu style.css";</style>
<center>
<div class="menu">
<ul>
<li><a href="index.html" target="_blank" >Home</a>
</li>
<li><r> <a href="" target="_blank" >Bioshock</a>
<ul>
<li><a href="" target="_blank">Story</a></li>
<li><a href="" target="_blank">Hauptcharaktere</a></li>
<li><a href="" target="_blank">Waffen</a></li>
</ul>
</li>
<li><a href="" target="_blank" >Bioshock 2</a>
<ul>
<li><a href="" target="_self">Story</a></li>
<li><a href="" target="_self">Hauptcharaktere</a></li>
<li><a href="" target="_self">Waffen</a></li>
</ul>
</li>
<li><a href="" target="_blank" >Bioshock 3</a>
<ul>
<li><a href="" target="_self">Story</a></li>
<li><a href="" target="_self">Hauptcharaktere</a></li>
<li><a href="" target="_self">Waffen</a></li>
</ul>
</li>
<li><a href="" target="_blank" >Fotos</a>
</li>
<li><a href="" target="_blank" >Videos</a>
</li>
<li><a href="" target="_blank" >Impressum</a>
</li>
</ul>
</div>
</body>
</html>
0 Punkte
Beantwortet von
dein HTML ist nicht valide, da kann jeder Browser anzeigen, was er will.

Und was präzise meinst du mit "mittig anzeigen"?
0 Punkte
Beantwortet von computer1234 Einsteiger_in (67 Punkte)
ich meine damit das die links links anfangen in dem menüfeld.
ich will aber das die mittig stehen wie mache ich das?

LG Nils
0 Punkte
Beantwortet von
es fällt dir scheinbar schwer, zu beschreiben, was du meinst., außerdem kannst du wohl meine Hinweise nicht verstehen. Oder?

1) das HTML ist sehr fehlerhaft. Reparier das! Sonst ist alle CSS-Hilfe sinnlos. Du wirst doch wohl auch nicht versuchen, ein Auto mit Motorschaden durch eine Neulackierung wieder in Ordnung zu bringen?

2) Nachfrage: was genau soll mittig sein, ist es aber nicht? Die Schrift im anklickbaren Bereich, die anklickbaren Bereiche selbst, das Menü insgesamt?
0 Punkte
Beantwortet von computer1234 Einsteiger_in (67 Punkte)
der anklickbare bereich soll in der mitte sein
0 Punkte
Beantwortet von
was ist mit 1) ?
0 Punkte
Beantwortet von computer1234 Einsteiger_in (67 Punkte)
da weiß ich nciht wo die fehler sind ich habe das generieren lassen ich habe das also so gesehen nciht wirklich selber geschrieben
0 Punkte
Beantwortet von
dadurch wirds auch nicht fehlerfrei. CSS für fehlerhaftes HTML ist aber sinnlos.

Wo die Fehler liegen verrät dir der Validator
...