Autor Zpráva
johny_r
Profil *
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
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 *
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 *
:-(
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 *
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
Toto téma je uzamčeno. Odpověď nelze zaslat.

0