Ako nezalomiť text pod obrázkom ? Potrebujem rozumné riešenie.

grantorino

(1 hodnocení)

25. 11. 2011 18:33:50

Ahojte,

Pozrite si toto. http://htmlcss.6f.sk/1/test.html

Ako zabezpečím to, aby sa nezalamoval text pod obrázkom ? Text nesmie mať pevnú šírku.

Ďakujem.

25. 11. 2011 18:33:50

https://webtrh.cz/diskuse/ako-nezalomit-text-pod-obrazkom-potrebujem-rozumne-riesenie#reply701248

jarin001

(37 hodnocení)

25. 11. 2011 19:44:58

Text normálně obtéká obrázek, v podstatě se sám umístí tam kde má místo.

Pokud to nechceš řešit v CSS pevnou šířkou tak mu prostě vezmi to místo pomocí tabulky s dvěma sloupci.

Levý sloupec bude mít v sobě obrázek a nic dalšího nastavovat nemusíš, jeho šířka bude daná šířkou obrázku

a hloubka bude stejná jako hloubka pravého sloupce s textem (v závislosti na délce textu)

25. 11. 2011 19:44:58

https://webtrh.cz/diskuse/ako-nezalomit-text-pod-obrazkom-potrebujem-rozumne-riesenie#reply701247

grantorino

(1 hodnocení)

25. 11. 2011 19:55:18

No to ma tiež napadlo. Ale aj tak ďakujem. Človek aspoň vidí aké má stále CSS nedokonalosti. HTML a CSS = 1 veľký hacking. Napadá niekoho ešte iné riešenie ?

25. 11. 2011 19:55:18

https://webtrh.cz/diskuse/ako-nezalomit-text-pod-obrazkom-potrebujem-rozumne-riesenie#reply701246

FSP

(1 hodnocení)

25. 11. 2011 20:09:14

Čo znamená, že text nesmie mať pevnú šírku? Podľa čoho sa má šírka regulovať?

25. 11. 2011 20:09:14

https://webtrh.cz/diskuse/ako-nezalomit-text-pod-obrazkom-potrebujem-rozumne-riesenie#reply701245

jarin001

(37 hodnocení)

25. 11. 2011 20:12:42

Napsal FSP;727076
Čo znamená, že text nesmie mať pevnú šírku? Podľa čoho sa má šírka regulovať?

Šířka textu je defaultně neregulovaná, grantorino chce řešení problému bez toho aby šířku reguloval.

25. 11. 2011 20:12:42

https://webtrh.cz/diskuse/ako-nezalomit-text-pod-obrazkom-potrebujem-rozumne-riesenie#reply701244

Kovboj

(13 hodnocení)

25. 11. 2011 20:26:34

Napsal grantorino;727046
Ako zabezpečím to, aby sa nezalamoval text pod obrázkom ? Text nesmie mať pevnú šírku.

Obrazek dej do DIV s Float: left a až za to dej DIV s textem kterému nastavíš pravý margin kolik potřebuješ. Takhle to mám u jednotlivých článků na www.priroda.cz, ať je text delší nebo kratší než fotka tak se to nezalamuje. Jestli bude nebo nebude mít DIV s textem pevnou šířku je jedno.

25. 11. 2011 20:26:34

https://webtrh.cz/diskuse/ako-nezalomit-text-pod-obrazkom-potrebujem-rozumne-riesenie#reply701243

kapr

(2 hodnocení)

4. 12. 2011 23:10:04

Jde to i tak, že se přímo obrázku nastaví float a odstavci

se nastaví padding, který bude větší než šířka obrázku, ušetří se tak trochu kódu.

4. 12. 2011 23:10:04

https://webtrh.cz/diskuse/ako-nezalomit-text-pod-obrazkom-potrebujem-rozumne-riesenie#reply701242

Pro odpověď se přihlašte.

Přihlásit