[ERLEDIGT] Menü Mittig (center)

[HTMLanfänger]

Hallo Liebes Forum,
ich bin neu hier und habe eine Frage:

Wie Bekomme ich mein Menü Mittig ?

<center><div id="menu">
<ul>
<li class="topmenu">
<a href="">Startseite.html</a>
<ul>
<li class="submenu"><a href="">Unterpunkt 1.1</a></li>
<li class="submenu"><a href="">Unterpunkt 1.2</a></li>
</ul>
</li>
<li class="topmenu">
<a href="">Fertige Projekte</a>
<ul>
<li class="submenu"><a href="">Währungsrechner</a></li>
<li class="submenu"><a href="">Unterpunkt 2.2</a></li>
</ul>
</li>
<li class="topmenu">
<a href="">Logout</a>
</li>
</ul>
</div>
</center>

#menu {
text-align: center;
font-family: Gotham;
font-size: 20px;
color: #797979;
margin: 0 auto;
}


#menu ul {
list-style-type:none;
list-style-image:none;
margin:0px;
padding:0px;
}


#menu li.topmenu {
float:left;
}


.topmenu a {
float:left;
width:auto;
text-align:center;
}


.topmenu ul{
display:none;
}


.topmenu a, .submenu a{
padding:1px 5px;
border-collapse:collapse;
color:#797979;
font-weight:bold;
text-decoration:none;
margin:0;
}


.submenu a{
font-size:15px;
width:auto;
position:relative;
clear:both; /* special IE6 */
}


#menu a:hover, .topmenu.on a {
color:#4C4C4C;
background-color:#ffddbb !important;
}


.topmenu:hover ul {
display:block;
z-index:500;
}

Zum veranschaulichen habe ich noch ein Screenshot der aktuellen Lage gemacht.

 

[SpiceLab]

Ersetze alle float:left-Regeln durch display:inline-block.

Andernfalls CSS Tip : How To Center Floating elements.

Moderation: Von HTML nach CSS verschoben.

 

[HTMLanfänger]

Vielen Dank für die schnelle Antwort !
Das klappt schon ganz gut ... Wenn ich jetzt aber über ein Menüpunkt mit Unterpunkten fahre sieht das so aus:

Über weitere Hilfe würde ich mich freuen !

Gruß

 

[SpiceLab]

Über weitere Hilfe würde ich mich freuen !

Bitte Antworten auch zu Ende lesen, und Rückschlüsse daraus ziehen:

Andernfalls CSS Tip : How To Center Floating elements

 

[HTMLanfänger]

Das habe ich getan aber irgendwie funktioniert das bei mir nicht....

 

[SpiceLab]

Das habe ich getan aber irgendwie funktioniert das bei mir nicht....

Dann ist Dir dabei irgendwo ein Fehler unterlaufen.

https://jsfiddle.net/spicelab/0mdsdtg1/

 

[HTMLanfänger]

Danke !!!! Funktioniert super !!!!
Muss jetzt mal schauen an was das lag....

Hast du vielleicht gute Tipps oder Seiten wie ich HTML gut lernen kann ?
Bin ein absoluter Anfänger und würde gerne HTML, PHP, CSS, JAVA, MySQL lernen.

Gruß

 

[SpiceLab]

Hast du vielleicht gute Tipps oder Seiten wie ich HTML gut lernen kann ?
Bin ein absoluter Anfänger und würde gerne HTML, PHP, CSS, JAVA, MySQL lernen.

http://www.w3schools.com/ deckt Deine Liste in einem Paket ab.

Es gibt selbstverständlich weitere offizielle Seiten zu den einzelnen Bereichen - bitte einfach nach "* documentation" googeln (* = Sprache).

Mit JAVA meinst Du JavaScript.

 

[djheke]

HTMLanfänger!
Danke für dein Crossposting.
http://www.forum-hilfe.de/threads/57528-Menü-in-die-Mitte-(center)