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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

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

Luboš Lerch

(38 hodnocení)

8. 12. 2011 17:19:18

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

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

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

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

Rogue

(35 hodnocení)

8. 12. 2011 18:47:57

Přidejte do id "posouvak"

css:

overflow: auto;

width: 100%;