Listenausrichtung

[Turtle]

Hallo,

filgendes Problem:

Ich habe eine Liste, mit 3 Listen-Punkten.
Die ersten beiden Listen-Punkte enthalten Text, der letzte Listen-Punkt enthält eine Tabelle.

Jetzt ist es so, dass die Bullets bei den oberen Listen-Punkten vor der ersten Zeile stehen, beim letzten aber nicht - wie gewünscht - vor dem Tabellenkopf, sondern mittig.

Quelltext:
<ul class="text">
<li>mein erster ListenPunkt<br><br></li>
<li>mein zweiter ListenPunkt<br><br></li>
<li><table>        <tr>
          <td class="text" valign="top"><b>Preise:</b> </td>
   <td class="text" valign="top">bis 5m 18,- Euro<br>   jeder weitere Meter 6,50 Euro
          </td>
 </tr>
   </table>
   <br>
   Hier steht ein weiterer Satz</li>
</ul>

Woran liegt das, bzw. was kann man da machen?

Viele Grüsse aus Münster,
Turtle

[Cheatah]

Hi,

filgendes Problem:

typischer I/O-Error ;-)

Woran liegt das, bzw. was kann man da machen?

http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position:
"""
'list-style-position'
Value:   inside | outside | inherit
Initial: outside
[...]
outside
The marker box is outside the principal block box. [-->] CSS 2.1 does not specify the precise location of the marker box. [<--]
"""

Cheatah

[Turtle]

Hallo Cheatah,

danke für Deine Hilfe, diesen css-Style kannte ich noch nicht.

ul1
{
 list-style: inside;
}

ul2
{
 list-style: inside;
}

Leider löst dieses mein Problem nicht.

Gruss aus Münster,
Turtle

[Turtle]

Ich habe es jetzt mit einem Workaround gelöst:
Aus den ursprünglichen Listen-Punkten habe ich eine eigene Liste gemacht:

<ul class="text">
 <li>mein ListenPunkt1</li>
</ul>
<ul class="text">
 <li>mein ListenPunkt2</li>
</ul>
<table cellpadding="0" cellspacing="0" border="0">
 <tr>
  <td class="text" valign="top">             <ul class="text">        <li>Unsere <b>Preise</b>: </li>
 </ul>
  </td>
  <td class="text" valign="top">bis 5m: Pauschale<br>   jeder weitere Meter 6,50&euro;</td>
 </tr>
</table>
<br>Mein Ergänzungssatz

Das ist vielleicht nicht die elegante Lösung, aber es funktioniert optisch.

Nochmal Danke,
Turtle