Forum PHP.pl > obrazek DIV i float

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML

lled3

29.11.2008, 17:36:17

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

29.11.2008, 17:38:55

Wywal floaty.

Kod

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

lled3

29.11.2008, 18:13:37

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

wookieb

29.11.2008, 18:15:05

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

Kod

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

lled3

29.11.2008, 19:06:26

Cytat

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

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

piotrooo89

29.11.2008, 19:13:06

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

coś takiego?

lled3

29.11.2008, 19:22:02

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

29.11.2008, 19:44:24

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

30.11.2008, 07:27:13

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

piotrooo89

30.11.2008, 21:01:42

Cytat(korek_a @ 30.11.2008, 07:27:13 )

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

30.11.2008, 22:29:53

znalazłem coś takiego:

Cytat

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

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.