Jak udělat dolní rolovací lištu v divu?

8. 12. 2011 16:42:31

Zdravím,

zase bych vás rád poprosil o pomoc.

Potřebuji udělat div, který bude mít 100% šířku. Budou v něm fotky vedle sebe a potřeboval bych scrollovat do strany. Vedle sebe bude prostě víc fotek, než se na monitor vejde, ale pod sebou být nesmí.

Přes overflow jsem to nevymyslel.

Konec hlášení. Díky

8. 12. 2011 16:42:31

https://webtrh.cz/diskuse/jak-udelat-dolni-rolovaci-listu-v-divu#reply705684

Miloslav Lešetický

(10 hodnocení)

8. 12. 2011 16:45:54

Máš "živou" ukázku? Nespatřuji v tom žádný velký problém.

8. 12. 2011 16:45:54

https://webtrh.cz/diskuse/jak-udelat-dolni-rolovaci-listu-v-divu#reply705683

David Kácha

(39 hodnocení)

8. 12. 2011 16:49:12

Viz http://data4.portik.cz/sc.htm. Postranní scroll tam vůbec nemá být a má se to posouvat dole.

8. 12. 2011 16:49:12

https://webtrh.cz/diskuse/jak-udelat-dolni-rolovaci-listu-v-divu#reply705682

Miloslav Lešetický

(10 hodnocení)

8. 12. 2011 16:58:36

{

height: 199px;

white-space:nowrap;

}

8. 12. 2011 16:58:36

https://webtrh.cz/diskuse/jak-udelat-dolni-rolovaci-listu-v-divu#reply705681

David Kácha

(39 hodnocení)

8. 12. 2011 17:11:21

Napsal Plaváček;731380
#a
{
height: 199px;
white-space:nowrap;
}

http://data4.portik.cz/sc2.htm ... ale já bych potřeboval to scrollování hned pod obrázky, ne dole.

8. 12. 2011 17:11:21

https://webtrh.cz/diskuse/jak-udelat-dolni-rolovaci-listu-v-divu#reply705680

Luboš Lerch

(38 hodnocení)

8. 12. 2011 17:19:18

https://webtrh.cz/diskuse/jak-udelat-dolni-rolovaci-listu-v-divu#reply705679

David Kácha

(39 hodnocení)

8. 12. 2011 17:26:56

Napsal sobik;731390
#a{height: 199px;white-space:nowrap;overflow-y: hidden;overflow-x: scroll;}

Toto už funguje. Mockrát děkuju, bez toho bych asi musel použít iframe.

8. 12. 2011 17:26:56

https://webtrh.cz/diskuse/jak-udelat-dolni-rolovaci-listu-v-divu#reply705678

Miloslav Lešetický

(10 hodnocení)

8. 12. 2011 17:29:24

Zkus tohle:

Viz ukázka http://klient.plavacek.net/scroll.html (doplň si DOCTYPE, ať pošleš většinu prohlížečů do standardního módu).

8. 12. 2011 17:29:24

https://webtrh.cz/diskuse/jak-udelat-dolni-rolovaci-listu-v-divu#reply705677

David Kácha

(39 hodnocení)

8. 12. 2011 18:24:31

Tak na samostatné straně se mi to povedlo http://data4.portik.cz/sc3.htm

Ale když to dám do webu http://data4.portik.cz/lucka/svatby.html tak to nejde.

8. 12. 2011 18:24:31

https://webtrh.cz/diskuse/jak-udelat-dolni-rolovaci-listu-v-divu#reply705676

800XE

(8 hodnocení)

8. 12. 2011 18:37:15

Dej tomu divu position: relative;.

8. 12. 2011 18:37:15

https://webtrh.cz/diskuse/jak-udelat-dolni-rolovaci-listu-v-divu#reply705675

David Kácha

(39 hodnocení)

8. 12. 2011 18:41:35

Napsal 800XE;731430
Dej tomu divu position: relative;.

Nepomohlo

8. 12. 2011 18:41:35

https://webtrh.cz/diskuse/jak-udelat-dolni-rolovaci-listu-v-divu#reply705674

800XE

(8 hodnocení)

8. 12. 2011 18:45:35

U mě to funguje. V jakým prohlížeči to zkoušíš? Přiřazuješ to tomu divu #posouvak? Na stránce má pořád absolute. Jinak není důvod pozicovat všechno absolutně, třeba centrování se dá udělat pomocí margin: 0 auto;. Jo a u #posouvak si oprav top: 100; na top: 100px; jinak to nebude fungovat. Kdybys mu ale chtěl nechat position: absolute, tak by mělo pomoct width: 100%;.

8. 12. 2011 18:45:35

https://webtrh.cz/diskuse/jak-udelat-dolni-rolovaci-listu-v-divu#reply705673

Ondřej Brebera

(35 hodnocení)

8. 12. 2011 18:47:57

Přidejte do id "posouvak"

css:

overflow: auto;

width: 100%;

Smažte overflow-x a overflow-y

Pokud to tak udělam funguje to dobře. (Firefox)

8. 12. 2011 18:47:57