LI -> weiter runter

[Tim Tepaße]

Hallo,

nun wäre es toll, wenn die mit runter versehenen felder zum darüberliegenden z.b. einen abstand von 20px hätten. habe es mit padding und margin bereits versucht -> vergeblich :(

Was hast Du denn genau ausprobiert? Im Prinzip sollte man nämlich die li.runter-Elemente problemlos mit margin-top:20px; ausstatten können.

wie bringe ich die listenelemente weiter runter und noch dazu ohne, dass der border(bottom) sich streckt.

Hm? border-bottom ist horizontal – das sollte sich eigentlich nicht mit vertikaler  Änderungen strecken. Hast Du vielleicht die CSS-Eigenschaft margin mit nur einem Wert verwendet – so: margin:20px – dass den Aussenabstand auf alle vier Seiten anwendet? Man wendet den Wert eigentlich nur auf die einzelne Seite an, für den oberen Aussenabstand also so:

margin-top:20px

oder so:

margin:20px 0 0 0;

Siehe auch die Beschreibung der margin*-Eigenschaften in SELFHTML, insbesondere die der zusammenfassenden Eigenschaft margin[/code.

und _nicht_ so:
| a
|
| b
| c
| d
| e
|
| f

Das dürfte wiederum ein Resultat durch die Anwendung von padding sein – dieses ist ja für den Innenabstand zuständig und der Rahmen befindet sich ausserhalb diesses Innens. Also: margin(-*) ist die Eigenschaft, die Du suchst.

Tim