Trennlinie gestalten

[Marco]

Hallo Forumgemeinde,

wollte mich nach längerer Pause mal wieder einer Homepage widmen und habe im Netz die folgende Seite gefunden:

http://www.doriszollner.at/

Nun meine Frage:

Wie gestaltet man diese kleine grauen Trennlinien, zum einen die durchgehenden und zum anderen die gepunkteten? Grafiken scheinen das keine zu sein...

Vielleicht weiß ja jemand Rat..

Vielen Dank für die Hilfe

Gruß Marco

PS: Ich glaube man konnte die Linien mit css erstellen, aber irgendwie kann ich im Seitenquelltext nichts entdecken.

[Ashura]

Hallo Marco.

http://www.doriszollner.at/

Wie gestaltet man diese kleine grauen Trennlinien, zum einen die durchgehenden und zum anderen die gepunkteten? Grafiken scheinen das keine zu sein...

Mit CSS.

PS: Ich glaube man konnte die Linien mit css erstellen, aber irgendwie kann ich im Seitenquelltext nichts entdecken.

Für die Linie verantwortlich ist folgende Regel im Stylesheet der Site:

#TabelleMitte h3 { color: #808080; font-size: 0.8em; font-weight: bold; background-position: 0 50%; letter-spacing: 0px; padding-bottom: 5px; border-bottom: 1px dotted #c0c0c0 }

Einen schönen Samstag noch.

Gruß, Ashura

[Marco]

Vielen Dank für die schnelle Antwort. Da kann ich ja loslegen... :-)

Euch nen schönen 4. Advent.

Gruß Marco

[Orlando]

Hallo Marco,

http://www.doriszollner.at/

Wie gestaltet man diese kleine grauen Trennlinien, zum einen die durchgehenden und zum anderen die gepunkteten?

Da die gepunktete Linie direkt nach der Überschrift „Eiweiss im Sport“ liegt, sehen wir uns den Quelltext dieser Stelle genauer an:

<!-- Mittlere Tabellenspalte: News-->  
<h3>Eiweiss im Sport</h3>  
<p>Gerade im Leistungs- und Hochleistungssport … </p>

Da nichts per HTML definiert wurde, ist die Lösung im Stylesheet bei h3 zu suchen:

#TabelleMitte h3 { [link:http://de.selfhtml.org/css/eigenschaften/rahmen.htm#border@title=border-bottom]: 1px dotted #c0c0c0 }

Weiterführende Information findest du in SELFHTML: Trennlinien mit CSS gestalten

Grüße
 Roland