Basierend auf meinem Artikel CSS/HTML-Tricks: Der normale Fluss (Flow) von 3 div-Boxen vom 24. Oktober 2009 möchte ich Ihnen heute in der Reihe CSS/HTML-Tricks den Unterschied zwischen relativer und absoluter Positionierung erklären.
Die Grundlage zu meinen nachfolgenden Erläuterungen bilden die 3 verkürzten Boxen im Fluss aus dem Beispiel vom 24.10.2009.
3 verkürzte Boxen im Fluss
Der Quellcode bzw. [...]
Continue reading about CSS/HTML-Tricks: Unterschied zwischen relativer und absoluter Positionierung
Normalerweise folgen die HTML-Elemente auf einer Webseite dem sogenannten document flow, dem “Fluss des Dokumentes”. Alle HTML-Elemente schwimmen in diesem Fluss.
Begriffserläuterung: Document Flow
1.Ein einzelnes Element wird soweit wie möglich links und oben positioniert.
2.Wenn weitere Elemente dazu kommen, werden diese jeweils rechts davon angeordnet, und zwar so lange, bis kein Platz mehr vorhanden ist.
3.Wenn rechts [...]
Continue reading about CSS/HTML-Tricks: Der normale Fluss (Flow) von 3 <div>-Boxen
In meinem heutigen Artikel möchte ich Ihnen zeigen, wie Sie mit CSS doppelte Rahmen für Bilder/Grafiken erstellen können.
Den englischsprachigen Original-Artikel zu diesem Tutorial finden Sie unter http://cssglobe.com/post/1330/custom-double-solid-borders-for-images.
Fertige Beispiele ansehen | Download Beispieldateien (16,8 KB)
Vielleicht denken Sie bei doppelten Bilderrahmen daran, die CSS-Anweisung {border-style:double} einzusetzen. Ich würde Ihnen vom Gebrauch dieses CSS-Befehls abraten, da dieser nur [...]
Continue reading about CSS-Tricks: Wie Sie doppelte Rahmen für Bilder/Grafiken erstellen können
Fertiges Beispiel ansehen | Download Beispieldateien (42,8KB)
Abgehakt – Kennzeichnung von besuchten Links | Visited Links
Eine ewige Diskussion unter Webdesignern zum Thema Benutzerfreundlichkeit von Internetseiten ist die Frage, ob man bereits besuchte Links (visited Links) kennzeichnen sollte oder nicht.
Bei kleinen und übersichtlichen Webseiten ist es meiner Meinung nach nicht notwendig, die gerade besuchten Links extra [...]
Letzte Kommentare