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 |
#2 · Zasláno: 9. 8. 2009, 16:41:31
„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 * |
#3 · Zasláno: 10. 8. 2009, 06:50:07
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 |
#4 · Zasláno: 10. 8. 2009, 07:19:29
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 |
#5 · Zasláno: 10. 8. 2009, 07:44:42
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 |
#6 · Zasláno: 10. 8. 2009, 07:57:35
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 * |
#7 · Zasláno: 10. 8. 2009, 08:39:14
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 |
#8 · Zasláno: 10. 8. 2009, 21:39:46
Bubák
Tak jsem nejspíš plácl nesmysl :), omlouvám se. |
||
Časová prodleva: 7 měsíců
|
|||
metafrik Profil |
#9 · Zasláno: 1. 3. 2010, 18:59:57
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 |
#10 · Zasláno: 1. 3. 2010, 19:06:54
Nikde ve tvém kódu nevidím white-space: nowrap;
|
||
habendorf Profil |
#11 · Zasláno: 1. 3. 2010, 22:40:41
„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 |
#12 · Zasláno: 2. 3. 2010, 09:14:00
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} |
||
Časová prodleva: 7 měsíců
|
|||
markuc Profil * |
#13 · Zasláno: 25. 9. 2010, 21:59:37
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 !
|
||
Časová prodleva: 14 let
|
0