CSS Navigationsleiste

02/19/2012 12:44 epiTR#1
Huhu,
ich brauche Hilfe und zwar möchte ich eine Navigationsleiste erstellen.
Die verschiedenen Links werden in einer UL zusammengefasst.

aktuelles Bild:

HTML code:

CSS code:

Wie bekomme ich das jetzt hin, dass die Listenelemente richtig im DIV liegen (zentriert und innerhalb des DIVs)?
02/19/2012 12:51 galaxyo#2
Ich bau dir das ganze mal flott zusammen. Quellcode kommt gleich. 5 Minuten

Edit:

HTML Code:
* {
	margin:0px;
	padding:0px;	
}

body, html {
	background-color:#C1CDCD;	
}

#head {
	border:1px solid #600;
    background-color: #FFC;
	width: 90%;
	height:auto;
	overflow:auto;
	padding:5px 5px 5px 5px;
	margin:auto;
}

ul {
	list-style: none;
	margin:auto;
	width:317px;
}

li {
	float: left;
	width:auto;
	height:auto;
	padding: 2px 10px 2px 10px;
	background: #C1CDCD;
	border: 2px solid;
	margin: 0px 10px 7px 2px;
	-webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	-webkit-box-shadow: 5px 5px 10px black;
	-moz-box-shadow: 5px 5px 10px black;
	box-shadow: 5px 5px 10px black;
}
Musste bei der ul die Breite "erraten bzw. ertesten". Diese musst du natürlich jedes mal neu anpassen, wenn du einen Navigationspunkt hinzufügst oder entfernst. Ist ne Quick n Dirty Lösung und lässt sich mit Grafiken, festen Breiten und Höhen um einiges besser "verwalten".

Edit:

Sag bitte bescheid ob es bei dir so läuft wie gewünscht. Ansonsten schaue ich nochmal drüber und korrigiere.
02/19/2012 13:19 epiTR#3
Wollte es ja eigentlich alles sauber haben, es erfüllt aber seinen Zweck und weitere Navigationspunkte kommen nicht dazu.
Danke dir!
02/19/2012 13:30 galaxyo#4
Alles klar. Kein Thema