CSS Menü zentrieren

Akkordeon · #1 (**permalink**) 18.12.2011, 14:07

Hallo liebe Supportfreunde,

ich habe ein CSS Meü generieren lassen und bin auch ganz zufrieden damit aber ich möchte das dieses horizontale Menü mittig angezeigt wird auf dem Bildschirm.

Wie bekomme ich das hin bzw was muss ich in meinem code ändern?

HTML Code:

<html>
<head>
</head>
<body>
<style media="all" type="text/css">@import "menu/menu style.css";</style>
<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>

CSS Code:

.ul {
padding: 0;
margin: 0;
}
.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: absolute; 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;
}

Bitte um Hilfe.

Danke im Voraus

Lg AKK

Manfred62 · #2 (**permalink**) 18.12.2011, 14:18

Stell mal eine Testseite online, dann gehts schneller.
Das hier ist Murks/falsch:

Zitat:

position: absolute; left;

die ganzen target sind auch überflüssig.

BTW: bitte die Code-Tags benutzen.

Praktikant · #3 (**permalink**) 18.12.2011, 15:07

Klingt nach FAQ 13, aber bitte erst einmal ausmisten.

Akkordeon · #4 (**permalink**) 18.12.2011, 15:56

die target befehle werden noch mit frames ausgefüllt

wie kann ich die online stellen habe keinen online account in dem sinne ist ein html projekt für die schule
kann es nicht hochladen

Manfred62 · #5 (**permalink**) 18.12.2011, 16:21

Zitat:

habe keinen online account

das Stichwort "Freehoster" wird hier im Forum min. 3x täglich genannt!!

BTW: Projekt für die Schule? Aha... (Waffen, Bioshock...).

Praktikant · #6 (**permalink**) 18.12.2011, 16:35

Zitat:

Zitat von Akkordeon

die target befehle werden noch mit frames ausgefüllt

Frames sind eion Relikt der 90er. Lass das lieber und setze auf Techniken wie PHP, von denen der User nichts mitbekommt. Frames schaffen weit mehr Probleme als sie lösen.

Akkordeon · #7 (**permalink**) 18.12.2011, 18:45

ja ok aber das löst leider immer noch nicht mein problem das mein menu immer noch nicht mittig ist

wie krieg ich das hin?

Praktikant · #8 (**permalink**) 18.12.2011, 18:50

Die Sache mit dem Link hast du auch nicht verstanden, oder?

Akkordeon · #9 (**permalink**) 18.12.2011, 20:52

nein nicht wirklich hab das ausprobiert aber iwie gehts nicht

Praktikant · #10 (**permalink**) 18.12.2011, 20:55

Was hast du probiert und was genau ging dabei nicht?

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Problem mit CSS Dropline menü	horst77	CSS	1	12.08.2009 11:49
css menü - bitte schnell um hilfe :please	costfree	CSS	2	16.01.2009 12:55
CSS Menü zickt rum /IE6/IE7/FF	GizmotroniX	CSS	3	11.07.2007 08:14
CSS Menü	GooSe	CSS	12	17.11.2006 16:59
CSS Tips & Tricks	Webnauts	Ressourcen	0	25.08.2006 23:04