Autor | Zpráva | ||
---|---|---|---|
Wykrycek Profil |
#1 · Zasláno: 18. 10. 2007, 22:15:41
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 |
#2 · Zasláno: 18. 10. 2007, 22:21:36
no bud to spravis v divoch, alebo to supni do tabulky :)
|
||
Wykrycek Profil |
#3 · Zasláno: 18. 10. 2007, 22:25:54
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 |
#4 · Zasláno: 18. 10. 2007, 22:35:30
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 |
#5 · Zasláno: 18. 10. 2007, 22:36:55
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 |
#6 · Zasláno: 18. 10. 2007, 22:44:53
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 |
#7 · Zasláno: 18. 10. 2007, 22:51:45
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 |
#8 · Zasláno: 19. 10. 2007, 00:06:31
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 |
#9 · Zasláno: 19. 10. 2007, 08:49:18
Wykrycek:
supni sem URL toho kde to je, pozrieme sa na to. |
||
Miloš Profil |
#10 · Zasláno: 19. 10. 2007, 09:07:04
Wykrycek
Nebo se zkus podívat na http://wellstyled.com/css-photo-cards.html |
||
Časová prodleva: 17 let
|
0