obrazek DIV i float Opcje

[lled3]

http://stalowemiasto.pl/uu.html

i jak zrobic, aby obrazek nie wychodzil poza diva, tylko go rozciagal - a jednoczesnie by obrazek byl otaczany tekstem ? (np. gdy obrazek bedzie mniejszy)

[wookieb]

Wywal floaty.

Kod

<div>
<img src itd/ >
tekst
</div>

[lled3]

no to mi obrazka nie otoczy ... tekstem ...

[wookieb]

http://www.kurshtml.boo.pl/html/obrazek,multimedia.html

Kod

<div>
<img src="" align="left"/>
dfgadfgfdsfgdfg
<div style="clear:both;"></div>
</div>

Ten post edytował wookieb 29.11.2008, 18:17:54

[lled3]

Atrybut ALIGN jest zdeprecjonowany przez specyfikację HTML 4.01 - zaleca się stosowanie stylów.

czyli zostaje float:left - czyli nadal nic ...

[piotrooo89]

[HTML] pobierz, plaintext 
<img src="6.jpg" style="float:left" />
[HTML] pobierz, plaintext 

coś takiego?

[lled3]

no cos takiego jest - ale jesli obrazek jest otoczony divem, i tekstu jest mniej niz wysokosc obraza to wywala obrazek poza diva, nie rozciagajac go.

[piotrooo89]

zrobiłem coś takiego:

[HTML] pobierz, plaintext 
<div>
		<img src="6.jpg" style="float:left;" />
		fdsfsfsdffgdsdfdsdfsd<br>
		fdsfsfsdffgdsdfdsdfsd<br>
		fdsfsfsdffgdsdfdsdfsd<br>
		fdsfsfsdffgdsdfdsdfsd<br>
		fdsfsfsdffgdsdfdsdfsd<br style="clear: both;">
 
	</div>
[HTML] pobierz, plaintext 

[korek_a]

dla diva nadajesz styl display:block; height:35%; no ale wysokości to taka przykładowa

[piotrooo89]

dla diva nadajesz styl display:block; height:35%; no ale wysokości to taka przykładowa

twoje rozwiązanie nie zda egzaminu... skąd będziesz wiedział że trzeba div'a na 35% rozciągnąć?

[zegarek84]

znalazłem coś takiego:

Elementy pływające odsuwają od siebie tylko tekst statycznych (nie pływających) bloków, ale nie zmieniają ich wielkości, przez co tło i obramowanie bloków będzie wchodziło pod elementy pływające.

Można temu zaradzić jedynie ustawiając odpowiedni boczny margines blokom, nad którymi znajduje się element pływający.

zauważ, że jeśli nadasz za mała wysokość bloku to on się dopasuje do zawartości - rozciągnie na większy pomijając elementy pływające... tak więc rozwiązania są 2:
1) nadaj na sztywno minimalna wysokość bloku newsa na tak duzą jak duży tam może największy obrazek sie pojawić
2) prawie to samo ale minimalną wysokość możesz wcześniej ustalić w php pobierając wysokość tego obrazka+ górny margines lub trochu zapasu