Autor Zpráva
Zool
Profil *
Zdravím nevíte někdo prosím jak udlěat horizontální posun pomocí css v nějakém divu?
když dám vlastnost overflow:auto tak se to objevuje jen na pravo a roluje se to dolu, ale já bych to potřeboval do boku
Bubák
Profil
horizontální posun pomocí css v nějakém divu“ ... „já bych to potřeboval do boku
A teď znova, ale česky. Klidně můžeš použít i cizí sloval pokud víš, co znamenají.
Pokud problém neumíš popsat slovně, přilož malůvku.
Zool
Profil *
Nevím co je na tom nesrozumitelného. Mám DIV nastavím mu velikost (šířku a výšku na 100px), když do ně budu dávat malé obrázky o velikosti 90px na 80px , tak to určitě přesáhne velikost divu, takže se tam objeví posuvníky, pokud dám vlastnost overflow:auto , ale nejhorší je, že se to objeví v pravo, a já to potřebuju dole(proto Horizontalní posun) to jest z leva do prava, kdybych řekl vertikální, tak je to zhora dolů snad ne?
Lexter
Profil
Zool
Tak obsah v tom divu s posuvníky vlož do dalšího divu, kterému napevno nastavíš jen výšku.

A ne, tvůj dotaz jsem zprvu ani já nepochopil. Výraz "horizontální posun" se dá vyložit více způsoby.
Bubák
Profil
Takže potřebuješ horizontální posuvník, který m budeš obsah DIVu horizontálně posouvat. Původně jsem nechápal, co znamená „já bych to potřeboval do boku“, tím jsi mě dokonale zmátnul.

Obrázky se nevejdou vedle sebe, proto se zalamují pod sebe, zakaž jim to.
http://www.jakpsatweb.cz/clanky/fosilie-nobr.html
Doporučuji CSS řešení, přidat DIVu deklaraci white-space: nowrap;
Odkázaný článek je staršího data, dnes má IE5 kolem 0,1%, ale kdybys chtěl myslet na uživatele starých IE, je několik možností.
Bubák
Profil
Lexter
vlož do dalšího divu
Už chápu, jak vznikají předivované layouty.
Můžeš sem napsat kód? Nemůžu se pomocí tvé rady dobrat řešení.
Zool
Profil *
Bubák
Tak už to mám díky, to white-space: nowrap; jsem zkoušel už předtím, ale měl jsem u ubrázku nastavený float tak se to s tín asi nějak rušilo.
Lexter
Profil
Bubák
Tak jsem nejspíš plácl nesmysl :), omlouvám se.
metafrik
Profil
Bubák:

Ahoj. Řeším totéž, co se zde výše probíralo, ale bez úspěchu.

Mám DIV s pevnou výškou, roztažený do šířky 100% okna browseru. V něm bude horizontální "posuvná galerie" obrázků, tj. obrázky řazené vedle sebe, zleva doprava. Pouze spodní horizontální posuvník.

Mým dosaženým výsledkem je, že se obrázky lámou pod sebe, ne vedle sebe.
Díky za jakoukoliv radu :-)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<meta name="content-language" content="cz">

<style type="text/css">
body {margin:0; padding:0; background:orange}
#imgbox {width:100%; height:320px; overflow:auto}
.fl {float:left}
</style>

</head>
<body>
<div id="imgbox">
<img src="1.jpg" width="450" height="300" class="fl"> <img src="1.jpg" width="450" height="300" class="fl"> <img src="1.jpg" width="450" height="300" class="fl">
</div>
</body>
</html>
Bubák
Profil
Nikde ve tvém kódu nevidím white-space: nowrap;
habendorf
Profil
Nikde ve tvém kódu nevidím white-space: nowrap;

Jo, to je za prvé a za druhé jsou obrázky floatované.
metafrik
Profil
Kolegové díky!

ještě správné řešení:

#titlebar {width:100%; height:30px; margin-top:300px; background:#6ff;}
.menu {height:30px; float:left; text-align:left; padding-left:1.5em; background:yellow;}
#imgbox {width:100%; height:315px; overflow-y:hidden; overflow-x:scroll /*MSIE*/}
#imgbox div {white-space:nowrap}
#imgbox img {margin-right:-1em}
markuc
Profil *
Dobrý den, vím, že je toto vlákno už starší, ale použil jsem tohle řešení a nefunguje mi v IE 8, jinak ve všech ostatních prohlížečích bezchybně. Místo obrázků se zobrazují jen tenké svislé čáry, jakoby první pixel z každého obrázku. Věděli byste někdo, proč tomu tak je ? Moc děkuju za radu !

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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