Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [html] obrazek przy tekście, problem z float.
-Wieviór-
post
Post #1





Goście







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



Natomiast wychodzi mi coś takiego:



Kombinuję w ten sposób:

  1. <div class="comment_show">
  2. <div class="cs_srodek">
  3. <div class="cs_avatar"><img src="obrazek" alt="" /></div>
  4. <div class="cs_autor">Wieviór</div>
  5. <div class="cs_data">, 10:27:43</div>
  6. <div class="linia_przerywana_nz_g"></div>
  7. <div class="cs_tekst">Lorem Ipsum</div>
  8. <div class="clear"></div>
  9. </div>
  10. </div>';


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
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 05:37