[html] obrazek przy tekście, problem z float. Opcje

[-Wieviór-]

Generalnie staram się osiągnąć coś takiego:

(IMG:http://i27.tinypic.com/qqzt6r.gif)

Natomiast wychodzi mi coś takiego:

(IMG:http://i28.tinypic.com/219nehd.gif)

Kombinuję w ten sposób:

[HTML] pobierz, plaintext 
<div class="comment_show">
    <div class="cs_srodek">
        <div class="cs_avatar"><img src="obrazek" alt="" /></div>
        <div class="cs_autor">Wieviór</div>
        <div class="cs_data">, 10:27:43</div>
        <div class="linia_przerywana_nz_g"></div>
        <div class="cs_tekst">Lorem Ipsum</div>
        <div class="clear"></div>
    </div>
</div>';
[HTML] pobierz, plaintext 

Przy czym comment_show, to zawartościowy, cs_srodek to ten, gdzie mam ustawiony border i tło, clear to po prostu { clear: both; }, linia_przerywana_nz_g to ta przerywana linia, ma argument { float: left; }

Teraz:

Kod

.cs_avatar { float: left; height: 50px; width: 50px; border: #999999 1px solid; padding: 1px; margin-right: 5px; margin-bottom: 2px; }
.cs_tekst { font-size: 11px; color: #333333; text-align: justify; margin-bottom: 5px; }
.cs_autor { float: left; font-size: 11px; color: #ca1016; font-weight: bold; }
.cs_data { float: left;    font-size: 11px; color: #333333; }

No i nie do końca mam pomysł jak to rozwiązać. Usunięcie float: left z cs_autor i cs_data daje dobry wynik, ale wtedy data jest pod nazwą użytkownika. Z kolei jak dam <div class="clear"></div> pod linia przerywaną, to mi tekst spada aż pod obrazek.

Ten post edytował Wieviór 24.02.2008, 13:14:35

[antstd]

Nie potrzeby Ci jest ten div od kropek. Mozesz poprostu ustawic grafike z kropkami jako tlo tego diva#razem. Ale jesli koniecznie chcesz miec to w oddzielnym bloku, to wsadz go tam gdzie jest autor i data. Choc bedzie to malo poprawnie sematycznie, bedzie dzialac. To ze maja rozne style bloki autor i data, nie konicznie wymaga zastosowanie dwoch divow.

Za chwile pokaze Ci moje rozwiazanie tego problemu.