[html]Wykazy/listy Opcje

[igors]

Myślę, że nie będzie kłopotu z rozwiązeniem mojego problemu.
Menu strony mam w formie wykazu.

[HTML] pobierz, plaintext 
<ul>
<li>Strona główna</li>
<li>Forum</li>
<li>Chat</li>
</ul>
[HTML] pobierz, plaintext 

Do LI jest przypisany obrazek

Kod

li {list-style: url(images/obrazek.jpg) outside;}

Odległość między lewym brzegiem a listą jest co najmniej duży.
Prawie wszystko jest w porządku, kiedy usunę <ul>, ale...
Menu ma szerokość 160px. Jeżeli tekst wodnośniku jest długi, wygląda to tak:

[]Lorem ipsum
dolor sit amet

Nie wygląda to dobrze, jeżeli pod obrazkiem jest ciąg dalszy tekstu.
Z <ul> wygląda tak:

    []Lorem ipsum
      dolor sit amet

I tu widać ten 'margines'.
A chcę, aby wyglądało tak:

[]Lorem ipsum
  dolor sit amet

Może jest zupełenie inny sposób, aby osiągnąć ten efekt. oprócz wstawiania obrazków jako <img />

Dopuszczam rozwiązanie w php, ale uprzedam - jest kiepski w php.

Pomoże ktoś?

Ten post edytował igors 24.03.2006, 12:09:23