Autor | Zpráva | ||
---|---|---|---|
johny_r Profil * |
#1 · Zasláno: 6. 11. 2006, 01:31:41
Zdravím,
potřeboval bych poradit, jak se dá udělat následující. Potřebuju mít na stránce řádek malých obrázků (cca. 100*150 bodů). V tom řádku je jich 12, aby pokryly celou potřebnou šířku, pokud má někdo velké okno prohlížeče. To, co potřebuji je, aby se jich v malém okně (např. 800x600) zobrazilo míň. Problém je v tom, že pokud zmenším okno, tak mi obrázky naskáčou na druhý řádek a to je špatně. Já potřebuju, aby prostě zmizely. Zatím mám ty obrázky v divu s definovanou výškou, ale obrázkům je to jedno a když se nevejdou na řádek, tak z toho divu vylezou. Jediné řešení, které se mi zatím podařilo použít je použití dalšího divu v barvě pozadí, který překryje obrázky, které se dostanou na druhý a další řádek. Toto řešení mi ale přijde poněkud krkolomné a neelegantní. Můžete mi prosím poradit, jak toto pomocí html a ccs vyřešit. Díky moc... |
||
Bubák Profil |
#2 · Zasláno: 6. 11. 2006, 02:28:03
Jestli jsem správně pochopil, co chceš, tak stačí rozměry a overflow:: hidden
<div style="width: 100%; height: 120px; overflow: hidden;"> <img src="foto.jpg"> <img src="foto.jpg"> </div> Anebo trošku jinak (nevím, co se to bude líbit více): <div style="width: 100%; height: 120px; overflow: hidden;"> <div style="width: 5000px; height: 120px;"> <img src="foto.jpg"> <img src="foto.jpg"> </div> </div> Můžeš si to prohlédnout, v obě ukázky jsou na jedné stránce, pro zvýraznění jsem dal divům barevné pozadí: http://teststranek.kvalitne.cz/hodne-obrazku/ |
||
johny_r Profil * |
#3 · Zasláno: 6. 11. 2006, 08:56:44
Super, díky moc. To je přesně ono (to první). To jsem potřeboval. Tuhle vlastnost css jsem neznal :-) Tak jsem zase o něco chytřejší.
Díky |
||
johny_r Profil * |
#4 · Zasláno: 6. 11. 2006, 09:03:24
:-(
Tak teď se mi ale objevil další problém. Ten div, ve kterém jsou ty obrázky musí začínat 350px od pravého okraje okna. Když tam dám margin-right, tak to funguje ve Firefoxu, ale ne v IE. Když tam dám padding-right, tak to zase funguje v IE, ale ve FF je ten okraj dvakrát tak velký (700px místo 350) :( Co s tím? Díky |
||
johny_r Profil * |
#5 · Zasláno: 6. 11. 2006, 09:23:55
Tak už jsem to vyřešil, ale nevím, jestli to náhodou není trochu velkrá prasárna. Dal jsem tomu divu position: absolute; top: 0px; left: 200px; right:350px;
Smí se to vůbec? Definovat pozici zleva i zprava zároveň? díky |
||
Časová prodleva: 18 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0