Zitat:
Wie du es auf 100%-Höhe bringst, steht in den FAQ. Zitat:
|
danke erstmal, dass du mir so hilfst! der trick mit dem div war sehr gut, allerdings ist der hintergrund ganz oben ein bisschen verschoben, und mit der schrift meine ich, dass die in der navi viel kleiner und unleserlicher ist als z.b.: rechts in der sidenavi obwohl die die gleiche eigenschaft haben....
hier mein aktueller stand: Unbenanntes Dokument |
Zitat:
Und lies bitte, was in den FAQ zum CSS-Prolog steht. Auch body und html können Default-Ränder haben. Zitat:
Vermutlich suchst du text-transform:uppercase. |
oh man, perfekt! jetzt funktionierts einwandfrei. werde mich jetzt nochmal intensiver in das thema einarbeiten und versuchen möglichst sauber zu formatieren und so viel wie möglich aus zu lagern. aber so hab ich schonmal ein guten startpunkt...
jupiii!:D |
ich bins schon wieder :roll:
und zwar steh ich nun vor dem problem, das der abstand zwischen den einzelnen navigationspunkten in den browsern variiert. zur erklärung, ich hab die navigation in einer liste. diese liegt in einem div "navi" im hintergrund ist eine grafik mit trennstrichen. ich hab dann den abstand zwischen den einzelnen listenpunkten mit margin-right definiert. Code:
#navigation li { was kann ich machen, dass der abstand identisch ist auf jedem system und in jedem browser? gibts ne alternative zu margin right? hab ach schon versucht anstatt ems pixel zu nehmen, hilft aber auch nicht... vielleicht weiß jemand von euch rat... hier der link: Unbenanntes Dokument gruß chris |
Texte lassen sich nicht in Pixelmaße pressen. Die tatsächliche Textgröße ist von vielen Faktoren abhängig, die du nicht beeinflussen kannst (z.B. Schriftvergrößerung im Browser, OS etc. [1]).
Wenn du Kontrolle über die Breite der horizontalen Menüpunkte haben willst, dann brauchst du float in Verbindung mit Breitenangaben. Das wird aber immer zum Überfließen bei Schriftvergrößerung führen. [1] Gerade kleine Schriften laufen aufgrund der unterschiedlichen Kantenglättung unter Mac und Win oft unterschiedlich breit. |
Deine Konstruktion ist absolut nicht skalierbar.
Lasse li floaten (individuelle Breite in em per ID) und gib ihnen die Grafik (nicht die ganze, sondern nur einen Ausschnitt mit 3 Strichen) als Hintergrund. Lasse auch ul floaten, damit es li einschließt und seine Höhe anpaßt, wenn die Links bei Textvergrößerung umbrechen. EDIT: zu langsam ;) |
hi, danke für die antworten, hab schonmal versucht die schrift 1px größer zu machen und schon siehts besser aus.
@heiko, kannst du das für einen anfänger verständlich erklären? also lasse ich sowohl #navigation li als auchg #navigation ul mit float: left; floaten? wie kann ich mit id arbeiten? kann ich dann jedem menupunkt eine einzelne breite geben? mit der grafik hakts bei mir auch, wenn ich jetzt nur die drei striche nehme und in den hintergrund jeweils lege, dann sind die ja genau mittig dahinter, oder kann ich die auch verschieben? oh man so kompliziert :? |
Das beste für einen Anfänger ist, sich Grundlagen anzueignen.
Das geht am besten mit einem Buch (Suchfunktion!). In diesem Forum können spezielle Probleme zu Einzelfällen geklärt werden. Eine Schritt-für-Schritt-Anleitung ist etwas viel verlangt. Ein Online-Einstieg findet sich bei css4you. Dort kannst du auch die CSS-Eigenschaften nachschlagen (z.B. was mit Hintergrundbildern möglich ist!) Tutorials zum Umgang mit Listenmenüs gibt's bei maxdesign. |
Zitat:
Zitat:
Übrigens: Wirf das div #navigation raus und gib ul diese ID. Zitat:
Code:
#news { Zitat:
Zitat:
|
Alle Zeitangaben in WEZ +2. Es ist jetzt 11:16 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023