[Ntracks]

Meine erste Frage richtet sich an die Ausrichtung einer Menüstruktur innerhalb eines divs.

ich möchte das Menü aus der Grafik von rechts 20 px einrücken und vertikal mittig stellen!



hab das jetzt mal mit text-indent: ...em; probiert aber dies hat gar keine auswirkung gezeigt!
wenn ich allerdings text align:center; oder right; definiere greifen die formatierungen...
und vertical-aligen zeigt auch gar keine auswirkung...

der Code des Header sieht folgendermaßen aus:

#header{
	width: 911px;
	height: 55px;
	margin: 7px 8px 0px 7px;
	font-size: 18px;
	background-color:#0C9
	}
	#header a:link {color:#ffffff; text-decoration: none;
	}
	#header a:visited {color:#ffffff; text-decoration: none;
	}
	#header a:hover {color:#f96f00; text-decoration: none;
	}
	#header a:active {color:#f96f00; text-decoration: none;
	}
	#header a:focus {color:#ffffff; text-decoration: none;
	}

Bitte um eine kurze rückmeldung falls noch mehr informationen benötigt werden!

Danke schon mal im vorhinein!

[heiko_rs]

Sowohl Einrückung als auch Vert'zentr. per padding.

[Ntracks]

Zitat von heiko_rs

Sowohl Einrückung als auch Vert'zentr. per padding.

danke für die info!

aber jetzt verschiebe ich den div anscheinend ebenfalls!?

#header{
	width: 911px;
	height: 55px;
	margin: 7px 8px 0px 7px;
	padding-left: 100px;
	padding-top: 10px;
	font-size: 18px;
	background-color:#0C9
	}
	#header a:link {color:#ffffff; text-decoration: none;
	}
	#header a:visited {color:#ffffff; text-decoration: none;
	}
	#header a:hover {color:#f96f00; text-decoration: none;
	}
	#header a:active {color:#f96f00; text-decoration: none;
	}
	#header a:focus {color:#ffffff; text-decoration: none;
	}

[heiko_rs]

Google "Boxmodell"

[Ntracks]

Danke für die infos!

Stehe jetzt vor einem neuen problem:

Wie kann ich in einem externen css sheet die schriftfarbe ändern?
bei den links hat es funktioniert! aber welchen befehl brauche ich für normalen fließtext?

#header{
	width: 891px;
	height: 36px;
	margin: 7px 8px 0px 7px;
	padding: 19px 20px 0px 0px;
	text-align: right;
	font-size: 15px;
	letter-spacing: 2px;
	}
	#header table { boarder-spacing: 40px; }
	#header a:link {color:#ffffff; text-decoration: none;
	}
	#header a:visited {color:#ffffff; text-decoration: none;
	}
	#header a:hover {color:#f96f00; text-decoration: none;
	}
	#header a:active {color:#f96f00; text-decoration: none;
	}
	#header a:focus {color:#ffffff; text-decoration: none;
	}

- okay hab die lösung schon!

#header { color: red; } - über die link definitionen!

[Duderinho]

Bitte nicht "red" schreiben, nimm doch lieber einen Farbcode, in dem Fall (falls du "echtes" rot willst) also #ff0000;

[Ntracks]

danke für die info! in meinem projekt hab ich es eh mit dem farbcode definiert!
das mit red kam noch vom testen

[Duderinho]

Testen ist ja schön und gut, nur sollte man auch gleich richtig testen Ist genauso mit inline Angaben, das muss nicht sein, kann man doch direkt in der CSS Datei anpassen