Das XHTML-Template (Grundgerüst)
Haarlinien ohne CSS
Der Head-Bereich eines HTML-Dokuments
Tipps für schlankes Webdesign
Blocksatz
Unsortierte Listen
Blockelement DIV (Ebene, Container)
XHTML: Einige Veränderungen im Vergleich zu HTML
zur Galerie
zum Tutorial
zu den Webdesign-Büchern
motorradteile.de und Portfolio Web
Wallpaper mit 3D-Motiven gibt es hier
ADOBE© FLASH
Valide Flash-Inhalte für XHTML 1.0-Doku- mente
WEBDESIGN-BÜCHER
Einige (sehr) interes- sante Bücher rund um das Thema Webdesign
 


Haarlinien ohne CSS
  16. März 2007  / von Stefan Plagge

Den “Effekt” einer sehr feinen Linie erzielen Sie am einfachsten mit zwei Tabellen:

Die innere Tabelle wird optisch von einer Haarlinie umrahmt, in- dem der äußeren Tabelle eine Hintergrundfarbe zugewiesen wird. In der inneren Tabelle befindet sich der anzuzeigende Inhalt.

Der Rahmen hat eine Dicke von einem Pixel; dies ist jedoch nicht ausreichend, um die Linie “haarfein” wirken zu lassen.
Ein (optischer) “Verdünnungseffekt” tritt nur bei Verwendung von hellen/helleren Farben auf - die Linie wirkt dann noch etwas dünner.

Verwendet man an Stelle von Schwarz (z.B.) ein helles Grau (#DDD), so kann man den Unterschied gut wahrnehmen.

Die beiden Farben im direkten Vergleich:

Tabelle oder
DIV-Container
Hintergrundfarbe: Schwarz

Tabelle oder
DIV-Container
Hintergrundfarbe: #DDD