ďťż

Image in P (DIV) Pozycjonowanie?

       

Podstrony


telcocafe

Prosty kodzik:
<h5><a href="">link</a></h5> <div class="news"> <span class="itemPoster">text</span><span class="itemPostDate">2</span> <p> <img src="http://img106.imageshack.us/img106/8075/sbh9.gif" alt="..." align="left" class="dolewej" />krotki text. </p> <span class="itemPermaLink">down text</span> </div> <h5><a href="">link</a></h5> <div class="news"> <span class="itemPoster">text</span><span class="itemPostDate">2</span> <p> <img src="http://img106.imageshack.us/img106/8075/sbh9.gif" alt="..." align="left" class="dolewej" />krotki text. </p> <span class="itemPermaLink">down text</span> </div>

i jego CSSy:
#content img { margin: 5px 0; } #content p.dolewej, #content img.dolewej { margin: 5px 14px; float: left; } img { border: none; vertical-align: top; } div.news { border: 1px solid #ccc; padding: 10px; margin: 0 0 12px 0; text-align: justify; } div.news img { margin: 5px; } div.news p { margin: 5px; }

W skrócie: jak mogę upchnąć obrazek, aby był on w ramce, a nie wyjeżdżał poza jej granice ?

Kombinowałem różne, np. w "news" dałem position: absolute; i relative na obrazku, i to pomogło, co do danej ramki. Ale przez to, że jest kilka pod sobą, to tworzy się niemiły efekt. Poza tym, przez absolute, width nie tworzy się automatycznie, tylko jest na maxa, do póki nie zostanie zdefiniowany. Czy ktoś ma pomysł na to?
Użytkownik DJ_ProG edytował ten post 25 lipiec 2006, 12:49
  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.