ďťż

[CSS] Tekst obok obrazka

       

Podstrony


telcocafe

Witam serdecznie, dawno tu nie zaglądałem ;)

Mam taki problem, muszę w divie/akapicie/definicji, nie ważne umieścić obrazek, obok niego tekst. Tekstu nie wiadomo ile będzie. Wygląda to mniej więcej tak:

<dt> Loipsek </dt> <dd> <img src="images/gallery/hot1.jpg" alt="Loipsek" /> <p> Lorem ipsum dolor sit amet </p> <a href="wiecej.html" class="box_more"> Więcej </a> </dd>

powyższy kod powtarza się ... powiedzmy 30 razy na stronę. W jaki sposób ów obrazek ustawić tak, aby ZAWSZE znajdował się w całości w DD ?

CSS zapisałem w taki sposób:

dl.lista dt{font-size: 16px;padding: 5px; border-top: 1px solid #e3e3e3;clear:both;} dl.lista dd {clear: both;} dl.lista dd img{margin: 3px; float: left;} dl.lista dd p{padding: 5px;} dl.lista dd a.box_more { clear: both; position: relative; margin-top: 0px; }

I mamy efekty, których mieć nie chcieliśmy, aczkolwiek zbliżone do oczekiwanych:

http://pawkow.pl/gra.../dema/demo1.jpg
http://pawkow.pl/gra.../dema/demo2.jpg

Próbowałem na display table i table cell, ale działało tylko w FF.
Użytkownik pawkow edytował ten post 29 czerwiec 2008, 12:42


Margines od góry? ;)

Poprawiłem CSS i śmiga aż miło popatrzeć ;) sorry za problem ;)
Użytkownik pawkow edytował ten post 29 czerwiec 2008, 12:43
  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.