Hallo zusammen.
Ich habe mir gerade ein kleines CSS-Menü gebastelt. Es gelingt mir aber ums Verrecken nicht, das Menü auf der Seite auf der es angezeigt werden soll zu zentrieren.
Hier mal der CSS-Teil:
Code
- #navcontainer { margin: 10px 0 0 30px; padding: 0; height: 20px; text-align: center;}#navcontainer ul { border: 0; margin: 0 auto; padding: 0; list-style-type: none; text-align: center;}#navcontainer ul li { display: block; float: left; text-align: center; padding: 0; margin: 0;}#navcontainer ul li a { background: #fff; width: 100px; height: 20px; border-top: 1px solid #0845A9; border-left: 1px solid #0845A9; border-bottom: 1px solid #0845A9; border-right: 1px solid #0845A9; padding: 0; margin: 0 0 10px 0; color: #0845A9; text-decoration: none; display: block; text-align: center; font: normal 10px/18px Arial, Helvetica, sans-serif;}#navcontainer ul li a:hover { color: #FFFFFF; background: #0845A9;}#navcontainer a:active { color: #0845A9; background: #DFEEFF;}#navcontainer li#active a { color: #FFFFFF; background: #0845A9; border: 1px solid #0845A9;}
Und hier der HTML-Teil: