aufzählungsliste

[Christoph]

hallo

habe zwei fragen, auf denen ich nirgens eine antwort finde.

ich will eine aufzählungsliste erstellen (sorted/unsorted, ist egal) und sobald ich den <ul> verwende, habe ich einen grossen abstand zur vorhergehenden zeile. ich suche bereits mit allen möglichen mitteln, diesen Abstand zu verkleinern aber finde keine lösung, auch nicht mit css. hatte dann die geniale idee, das <ul> ... </ul> wegzulassen und nur die <li> einträge zu verwenden und das klappt genau so lange, bis der erste aufzählungspunkt kommt, der länger als eine zeile ist und dann wird es hässlich denn dann beginnt die zweite zeile nicht unterhalb des textbeginns sondern unterhalb des aufzählungszeichens. wer eine lösung weiss, wie ich diesen abstand vermeide - bitte melden.

2. problem - habe relativ viel text und möchte zwar jeweils nach einem absatz einen kleinen abstand aber nicht das riesending, das mit </p> entsteht. Das, was als beispiel folgt sieht zwar gut aus aber ich bin mir nicht sicher - ist das gebilde hier korrekt oder gibt es eine bessere lösung (habe etwas angst, das es irgendwann mal auf diese art ein problem gibt)

beispiel

<p><div class="s_titel">Haupttitel</div>
<div style="line-height:10px;"><br /></div>
<div class="s_stitel">Untertitel 1</div>
<div style="line-height:5px;"><br /></div>
<div class="s_ezstdtxt">Text 1</div>
<div style="line-height:5px;"><br /></div>
<div class="s_ezstdtxt">Text 2</div>
<div style="line-height:15px;"><br /></div>
<div class="s_stitel">Untertitel 2</div>
<div style="line-height:5px;"><br /></div>
<div class="s_ezstdtxt">Text 3</div></p>

vielen dank für eure hilfe

christoph

[Fabian Transchel]

hi

habe zwei fragen, auf denen ich nirgens eine antwort finde.

dann bist du hier vermeintlich richtig.

ich will eine aufzählungsliste erstellen (sorted/unsorted, ist egal) und sobald ich den <ul> verwende, habe ich einen grossen abstand zur vorhergehenden zeile. ich suche bereits mit allen möglichen mitteln, diesen Abstand zu verkleinern aber finde keine lösung, auch nicht mit css. hatte dann die geniale idee, das <ul> ... </ul> wegzulassen und nur die <li> einträge zu verwenden und das klappt genau so lange, bis der erste aufzählungspunkt kommt, der länger als eine zeile ist und dann wird es hässlich denn dann beginnt die zweite zeile nicht unterhalb des textbeginns sondern unterhalb des aufzählungszeichens. wer eine lösung weiss, wie ich diesen abstand vermeide - bitte melden.

css kann viel machen, speziell ul{margin-top:0px;}, für das problem mit dem <li> kann ich dir nur raten wirklich ein <div> hineinzupacken (darf man das laut w3c? ist <ul> nicht schon block-element genug? in dem falle nimm ein <span>, dass mit display:block definiert ist)

2. problem - habe relativ viel text und möchte zwar jeweils nach einem absatz einen kleinen abstand aber nicht das riesending, das mit </p> entsteht. Das, was als beispiel folgt sieht zwar gut aus aber ich bin mir nicht sicher - ist das gebilde hier korrekt oder gibt es eine bessere lösung (habe etwas angst, das es irgendwann mal auf diese art ein problem gibt)

margin-top:4px (musste probieren, wieviel abstand)

Fabian

[Thomas J.S.]

hallo,

ich suche bereits mit allen möglichen mitteln, diesen Abstand zu verkleinern aber finde keine lösung, auch nicht mit css.

hast vielleicht nur übersehen. die lösung dafür hast du schon bekommen.

»»hatte dann die geniale idee, das <ul> ... </ul> wegzulassen und nur die <li> einträge zu verwenden und das klappt genau so lange,

so lange, bis du eine seite mit ungültigen html code brauchst. weiter nicht.

der länger als eine zeile ist und dann wird es hässlich denn dann beginnt die zweite zeile nicht unterhalb des textbeginns sondern unterhalb des aufzählungszeichens. wer eine lösung weiss, wie ich diesen abstand vermeide - bitte melden.

selfhtml ist dein freund und helfer:
http://selfhtml.teamone.de/css/eigenschaften/listen.htm#list_style_position

2. problem - habe relativ viel text und möchte zwar jeweils nach einem absatz einen kleinen abstand aber nicht das riesending, das mit </p> entsteht. Das, was als beispiel folgt sieht zwar gut aus aber

aber es ist nicht brauchbar, denn du darfst im <p> keine <div>s verfrachten!

du kannst die abstände vor und/oder nach <p> auch bestimmen:
http://selfhtml.teamone.de/css/eigenschaften/randabstand.htm

grüße
thomas

ps: lesetipp für den abend: http://selfhtml.teamone.de/