Autor Zpráva
Wykrycek
Profil
Ahoj, mám obrázky pod kterými je popisek - něco jako fotogalerie. Ale potřebuju, aby se na stránku poskaládalo co nejvíce těchto obrázků.
(zjednodušeně - obrázek s popiskem se dohromady tváří jako jeden objekt a tyto objekty se skládají pěkně vedle sebe podle velikosti okna...)

Současné zpracování:
<a href="1.htm"><img src="1.jpg"><br>Popis 1</a>
<a href="2.htm"><img src="2.jpg"><br>Popis 2</a>
<a href="3.htm"><img src="3.jpg"><br>Popis 3</a>

Ale jediný prohlížeč, který s tímto zápisem kamarádí je IE - ostatní za tagem <br> ukončí řádek a následující popisek se zobrazí až na dalším řádku.
Je tedy potřeba odstranit broblémistu <br>, ale nevím jak dostat popisek pod obrázek jiným způsobem. Protože i když nastavím šířku odkazu na určitou velikost, abych dostal popisek na další řádek "násilím", tak na mě Mozilla dlabe a bezstarostně nechává popisek vedle obrázku. Stejně se to chová i když vložím obrázek s popiskem do pole <spam> a jemu nastavím určitou šířku.........
Nevíte někdo jak na to vyzrát?
Moc díky...
Madenio
Profil
no bud to spravis v divoch, alebo to supni do tabulky :)
Wykrycek
Profil
Madenio - To jsou právě dvě možnosti, které jsem zavrhl hned - za divem se zalamuje řádek automaticky a obrázky by místo vedle sebe byly pod sebou. A tabulkou přesně nastavuji kolik obrázků bude vedle sebe a tím bych ztratil možnost dostat na stránku co nejvíce obrázků...
Madenio
Profil
ale ved si to sprav ten div cez css tak aby sa tie divy obtekali pekne a supni ich vsetky do jedneho "master" divu
havs
Profil
za divem se zalamuje řádek...

Takhle se nezalomí:
<div style="float:left"></div> a nakonec: <br style="clear:both"> aby se "nezalamování" ukončilo.
Wykrycek
Profil
havs - Tak teď si připadám jako úplný začátečník - stylům se věnuju několik let, ale tohle je pro mě zase novinka :-)
Nojo, stane se :-)
Moc dík - tohle problém řeší.....
Miloš
Profil
Nejjednodušší řešení:
vyhoď <br>
popisky dej do <span>ů
a nastav float

Rač se na to kouknout: http://kesolim.sweb.cz/TMP/obrazky_s_popisky/
Wykrycek
Profil
Miloš - taky pěkný řešení, ale obě mají problém :-/ A to fotky vyfocené na výšku.... "Zachytávají" se o ně ostatní objekty.
Vyšší obrázky totiž "vyčuhují" směrem dolu a dělají tak clonu objektům, které se nevejdou na konec řádku a přeskakují k levemu okraji......
Není nějaký způsob, jak donutit tyhle vyšší objekty, aby neclonily? Třeba aby "vyčuhovaly" nahoru? Protože jinak se z cele stránky stává nepřehledná shromáž obráků.
Madenio
Profil
Wykrycek:

supni sem URL toho kde to je, pozrieme sa na to.
Miloš
Profil
Wykrycek
Nebo se zkus podívat na http://wellstyled.com/css-photo-cards.html

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: