Zur Navigation

Schönere Variante?

1 tommik

Hallo,
ich möchte einen Abschlussstrich, ähnlich wie <hr> machen.


<div style="border-bottom:dashed #CCCCCC 1px;height:1px;margin-top:5px;">&nbsp;</div>

...das erzielt zwar das gewünschte Ergebnis, ich bin mir aber nicht sicher, ob es die elleganteste Lösung ist.

Gruß,
tommik.

08.09.2006 18:33

2 Jörg

Es geht auch noch einfacher, indem du auf das leere Extra-Div verzichtest und die border für das darüberliegende Element definierst. Den Abstand zwischen Inhalt und Abschlussstrich legst du dann über padding-bottom fest, den Abstand zwischen Abschlusstrich und folgenden Element über margin-bottom:

<div style="border-bottom:dashed #ccc 1px; padding-bottom:5px; margin-bottom:10px">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent diam neque, consequat sit amet, pulvinar quis, nonummy in, purus. Nam ipsum nisi, ullamcorper vitae, auctor at, congue sit amet, lectus. Donec pulvinar, tellus ac tempus consequat, tortor leo iaculis nulla, euismod facilisis velit dui sit amet felis.</div>

08.09.2006 19:17 | geändert: 08.09.2006 19:19

Beitrag schreiben (als Gast)





[BBCode-Hilfe]