Hallo Alex.
Wie kann ich nun die Größe solcher Elemente verändern?
Wie bereits erwähnt, musst du sie per display:block; formatieren, damit sie empfänglich für Dimensionsangaben werden.
Wie bekomme ich die Nav.elemente ganz an den linken Rand? Habe einiges ausprobiert, aber langsam wird es anstrengend.
Also behindert dich momentan was? Richtig, ein Abstand. Womit du diesen regulieren kannst, findest du sicher selbst heraus.
Hier der aktuelle Code:
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
Mit diesem inkorrekten DOCTYPE (ich schreibe dieses Wort nicht ohne Grund groß) befindet sich der IE (und alle anderen Browser, die darüber verfügen) im Quirksmodus.
Du solltest vielleicht dein wichtigstes Werkzeug kennenlernen: den Validator.
body{
margin-top: 0px;
margin-left: 0px;
}
Warum nicht gleich Nägel mit Köpfen machen und margin und padding für html und body auf 0 setzen? (Im gleichen Atemzug könntest du die Höhe für beide auf 100% setzen, man weiß nie, wann man dies gebrauchen kann.)
ul#navigation li {
display: inline;
margin-right: 5px;
margin-left: 0px;
padding: 3px;
width: 150px;
text-align:center;
}
Wie ich bereits (mehrmals) erwähnt habe, gelten Breitenangaben nicht auf Inlineelemente, wozu auch das li-Element gehört.
Eine Übersicht dazu findest du (wie immer) bei SelfHTML.
#navigation a:link { color:black; text-decoration: none;}
#navigation a:visited { color:black; text-decoration: none;}
#navigation a:hover { color:white; text-decoration: none;}
#navigation a:active { color:black; text-decoration: none;}
Die Redundanz kannst du vermeiden; definierst du text-decoration für a:link, gilt es ebenso für alle anderen Stati, sofern du es nicht dort überschreibst.
#menu1
#menu2
#menu3
#menu4
Lasse dir meinen Hinweis bezüglich der ID-Bezeichnungen durch den Kopf gehen.
Einen schönen Dienstag noch.
Gruß, Ashura
Selfcode: sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
30 Days to becoming an Opera8 Lover -- Keyboard Shortcuts
Meine Browser: Opera 8.50 | Firefox 1.0.7 | Lynx 2.8.5 | Konqueror 3.3.2 | Netscape 4.7 | IE 6.0
