Navigation
Einträge in dieser Kategorie
- Ebene horizontal zentrieren
- Ebene vertikal und horizontal zentrieren
- Teile der Seite verstecken
- Wie verstecke ich die CSS-Anweisungen vor Netscape 4.x und Internet Explorer 4.x?
- Mehrere Stylesheets einbinden
- Wie binde ich CSS-Dateien mit Browserweiche und media-Attribut richtig ein?
- Wie kann man das Layout der ausgedruckten Seite beeinflussen?
- Horizontale Navigation mithilfe einer Liste
- Dropdown-Menüs mit CSS
- Scrollbar einfärben
- Barrierefreie Navigationsmenüs mit CSS
- Layer fixieren (CSS-Frames)
- Wie erstelle ich einen zentrierten Dreispalter?
- Kann man ein Hintergrundbild relativ zum rechten Rand des viewports positionieren?
- Kann man ein Hintergrundbild relativ zum rechten Rand des viewports positionieren?
- Seite mal mit, mal ohne CSS anzeigen
- Der IE zeigt die farbige Scrollbar nicht an.
- Kennt Mozilla (Firefox und andere) das cursor[url]-element?
- Wie kann ich ohne Tabelle eine Bildunterschrift erreichen?
- Kann man ein Bild nur dann erscheinen lassen, wenn man CSS aktiviert hat?
- Wie kann ich Styles auf einer einzelnen PHP-Seite einbinden?
- Ich habe meine Hauptseite zentriert, links und rechts möchte ich einen Übergang machen. Leider verschiebt sich entweder die ganze Seite nach unten oder es liegt nicht genau an der Mitte an.
- Horizontal und vertikal zentrieren, ohne fest stehende Dimensionen
- Wie sperrt man html-seiten, dass der user den Quellcode nicht öffnen kann.
- Wie kann ich erreichen, daß bei zwei Spalten, die jeweils als float-definiert sind (:left und :right) und von denen Spalte A eine feste Pixelangabe hat, Spalte B so skaliert, daß der komplette Rest-viewport ausgefüllt wird (also abzüglich des Platzes, den Spalte A braucht)? (Breite auf 100 % setzen klappt natürlich nicht, weil dann Spalte B unter Spalte A springt.)
- Per Zufall wechselnde Hintergrundgrafiken erzeugen
- Inline-Popup mit CSS
- Ich möchte in der Navigation die vertikal angeordneten Elemente unterschiedlich weit einrücken. Wie kann ich das erreichen?
- Wie kann ich erreichen, dass mein Hintergrundbild mit jedem Seitenaufruf zufällig die Position wechselt? Danke.
- Eine Ebene vor die andere schieben
Tags
Sticky FAQs
Tricks und Kniffe
Teile der Seite verstecken
display: none;
visibility: hidden;
Beide unterscheiden sich darin, was mit dem Platz geschieht, der eigntlich von dem verstekcten Element eingenommen wird. Bei display: none; wird das Element nicht angezeigt und der von ihm eigentlich eingenommene Platz wird ebenfalls nicht reserviert. Bei visibility: hidden; wird das Element nicht angezeigt, der Platz dafür aber reserviert. Dies kann natürlich zu unschönen Effekten führen, wenn mitten im Textfluß mal eben ein Absatz ausgebledet wird, der Platz aber "reserviert" bleibt. Er ist dann einfach "leer".
Tags: -
Verwandte Artikel:
- Bei textarea zeigt Firefox 1.5.0.3 eine Zeile mehr an, als bei cols="xx" angegeben wurde. Der IE macht das richtig. Ich möchte, dass beide Browser sich gleich verhalten. Was muß ich tun?
- Wie erstelle ich eine einfache Browserweiche per CSS?
- Zwei Anweisungen für ein Element widersprechen sich. Wie lasse ich beide gelten?
- Die Linkfarbe ist die Standardfarbe, trotz meiner Styles.
- Menü erstellen
Letzte Änderung des Artikels: 2003-11-26 16:30
Autor: Jens Grochtdreis
Revision: 1.0
Kommentieren nicht möglich
Kommentar von Manfred:
Eine andere Möglichkeit ist den Text möglichst weit nach links zu schieben:
text-indent: -9999px;
Added at: 2038-01-19 04:14
Kommentar von Joachim D.:
Es ist auch möglich visibility: hidden; zu setzen ohne dass dafür der Platz der Ebene reserviert wird. Dazu müsste man sich mit position:absolute; behelfen.
Added at: 2038-01-19 04:14
Kommentar von Jens Grochtdreis:
@Joachim: Das siehst Du falsch. Mit visibility: hidden wird IMMER der Platz reserviert. Man kann natürlich, wenn man Deiner Idee folgt, diesen Platz in einen Container platzieren und diesen dann aus dem Sichtfeld des Browsers wegbewegen. Aber dann muss man auch nicht im ersten Schritt visibility: hidden nutzen.
Der Unterschied zwischen display und visibility liegt nämlich genau in der Reservierung des Platzes. Mit display: none verschwindet nicht nur einfach das Element aus der sichtbaren Seite, es wird auch kein Platz reserviert.
Added at: 2038-01-19 04:14