Autor | Zpráva | ||
---|---|---|---|
vasekkolinsky Profil |
#1 · Zasláno: 28. 4. 2010, 15:27:11
Zdravím, chtěl bych udělat horizontální řadu obrázků a bloků textu..
jen samotné obrázky bych uměl, to je takhle: <div style="white-space:nowrap"> <img src="1.jpg"> <img src="2.jpg"> <img src="3.jpg"> </div> ale problém mám, když chci do řady mezi obrázky vložit nějaký blokový prvek, třeba div s textem, tak se mi to zalomí na nový řádek, což nechci.. jak se to dá rozumně udělat?? nejradši bych bez floatování.. díky za radu.. Vašek |
||
Plaváček Profil |
#2 · Zasláno: 28. 4. 2010, 16:26:05
vasekkolinsky:
Nedávej tam DIV, ale třeba SPAN (nebo jiný řádkový element). Anebo vůbec nic. |
||
vasekkolinsky Profil |
#3 · Zasláno: 29. 4. 2010, 10:48:26
nojo, jenomže já chci aby ten text mezi obrázky byl víceřádkový, v obdélníčku..
takže asi zůstanu u "float:left", anebo se naučím používat "display:inline-block" (akorát je to prej nějak složitý s podporou starších prohlížečů) |
||
vasekkolinsky Profil |
#4 · Zasláno: 29. 4. 2010, 11:22:37
jo, a tady jsem si našel pěkný řešení, s tím inline-blockem:
http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ |
||
Plaváček Profil |
#5 · Zasláno: 29. 4. 2010, 11:41:41
vasekkolinsky:
Hele, já nevím, čeho přesně chceš dosáhnout, takže mohu těžko kvalifikovaně poradit. Problematiku spojenou s inline-blockem máš pěkně shrnutou zde: http://www.impressivewebs.com/inline-block/ . Vrať se zpátky raději s konkrétní otázkou. Většinou se ukáže, že nic takového nepotřebuješ. |
||
__construct Profil |
#6 · Zasláno: 29. 4. 2010, 12:14:35 · Upravil/a: __construct
Osobne si myslím - tak ako už povedal Plaváček, že žiaden inline-block nepotrebuješ ..
Pokiaľ to čo si ukázal v príklade - white-space:nowrap - je jediný CSS tak potom skús použiť width a float ... mylsím, že by to malo stačiť .. |
||
Časová prodleva: 14 let
|
0