Datum / Posttitel / Sidebar unterstreichen

Hey :D

Ich habe damals ewig im Internet gesucht, was der richtige CSS-Code zum Unterstreichen ist. Je nachdem, auf welche Art ihr das ganze unterstrichen haben wollt, gibt es ganz verschiedene Variationen des Codes.

Wichtige Begriffe:

border-bottom	= die Unterseite des Rands - somit nötig zum unterstreichen
border-top	= die Oberseite des Rands - somit nötig zum überstreichen
border-left	= die linke Seite des Rands
border-right	= die rechte Seite des Rands
border	= Rand an allen Seiten
solid	= braucht man um eine durchgezogene Linie zu ziehen
dotted	= braucht man für eine gepunktete Linie
dashed	= braucht man für eine gestrichelte Linie
px	= Pixel
pt	= Punkt

Datum einfach unterstrichen:
.date-header { border-bottom: 1px solid; }

Datum gepunktet unterstrichen:
.date-header { border-bottom: 1px dotted; }

Wollt ihr, dass die Linie dicker ist, so müsst ihr die Pixelzahl ändern, also statt "1px" z.B. "3px" einfügen.

Wollt ihr, dass das Datum überstrichen wird, dann fügt statt "border-bottom" "border-top" ein.

Natürlich ist das Ganze beliebig kombinierbar, sodass das Datum z.B. unter- und überstrichen wird:

.date-header { border-bottom: 1px dotted; border-top: 1px dotted; }


Wenn ihr noch eine Hintergrundfarbe dazu haben wollt, dann fügt "
 background: #FARBE;" hinzu, also z.B für schwarz:
.date-header { border-bottom: 1px solid; background: #000000;}


Wenn ihr die Linie einfärben wollt, dann fügt "color: #FARBE;" hinzu, also z.B. für hellgrau:
.date-header { border-bottom: 1px solid; color: #bbbbbb;}

Wenn ihr nicht das Datum, sondern den Posttitel unterstrichen haben wollt, dann müsst ihr nur statt ".date-header" "h3.post-title, .comments h4" einfügen.