Diskuze: Horizontální roztahování

Naučíme tě pracovat na home-office.

Zjistit více...

Aktivity

Honza Bittner

Tvůrce

Honza Bittner:2.2.2014 12:42

Mám problém, chci aby se mi na stránce zarovnávaly prvky takto

[ ][ ][ ][ ][ ][ ][ ][ ][ ][ ]
      <---->scroll

namísto

[ ][ ][ ][ ]
[ ][ ][ ][ ]

Tzn. chci nastavit roztahování stránky na horizontální namísto vertikálního.
Nějaké nápady?

Odpovědět

2.2.2014 12:42

FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.

Neaktivní uživatel

Člen

Neaktivní uživatel:2.2.2014 12:46

buď dej:

width: auto; height: 200px;

nebo pokud chceš scrolovat

width: 100%; height: 200px; overflow: auto;

to by mělo udělat scrollování v tom elementu

Nahoru Odpovědět

2.2.2014 12:46

Neaktivní uživatelský účet

Honza Bittner

Tvůrce

Honza Bittner:2.2.2014 12:49

Pořád to scrolluje dolu, ale já potřebuji do stran...

Nahoru Odpovědět

2.2.2014 12:49

FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.

Neaktivní uživatel

Člen

Neaktivní uživatel:2.2.2014 12:51

zkus overflow-x

Nahoru Odpovědět

2.2.2014 12:51

Neaktivní uživatelský účet

done

Člen

done:2.2.2014 12:54

Nastavil bych velikost tak aby to horizontálně přesahovalo, nastavil bych overflow-x: hidden aby uživatel nemohl scrollovat pomocí scrollbaru a pak bych využil metodu scrollLeft v jQuery. Ale nejsem si úplně jistý jestli by to šlo.

Nahoru Odpovědět

2.2.2014 12:54

Honza Bittner

Tvůrce

Honza Bittner:2.2.2014 12:54

To je úplně k ničemu, tyto overflow-x/y jen vpodstatě zobrazují lišty.

Nahoru Odpovědět

2.2.2014 12:54

FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.

Honza Bittner

Tvůrce

Honza Bittner:2.2.2014 12:58

Nastavovat velikost staticky na třeba 10000px je blbé, může se stát někdy, že už to nebude stačit. A nastavovat šířku v JS také nebude moc výhodné.

Nahoru Odpovědět

2.2.2014 12:58

FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.

done

Člen

done:2.2.2014 13:00

Proč ne v JS ? Osobně nastavuji v JS výšku a někdy i šířku některých elementů.

Nahoru Odpovědět

2.2.2014 13:00

Honza Bittner

Tvůrce

Honza Bittner:2.2.2014 13:03

Protože když to funguje v CSS tak proč to dělat v JS?

Nahoru Odpovědět

2.2.2014 13:03

FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.

done

Člen

done:2.2.2014 13:05

Výška se pomocí CSS nastavuje špatně, pokud to má být responzivní. Ale kdyby jsi tu šířku udělal "šikovně", nastavil oveflow-x: hidden, tak by uživatel ani nevěděl, že to přesahuje.

Nahoru Odpovědět

2.2.2014 13:05

Neaktivní uživatel

Člen

Neaktivní uživatel:2.2.2014 13:07

tak testováno:

<div style="width:100%; height:200px; overflow-x:scroll;">
<div style="width:auto;">ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss</div></div>

zkus testoval jsem na w3schools

Nahoru Odpovědět

2.2.2014 13:07

Neaktivní uživatelský účet

Drahomír Hanák

Tvůrce

Drahomír Hanák:2.2.2014 13:08

Nehledáš white-space: nowrap; ?

EDIT: viz. ukázka http://jsfiddle.net/8E4ZS/

Editováno 2.2.2014 13:09

Nahoru Odpovědět

2.2.2014 13:08

Honza Bittner

Tvůrce

Honza Bittner:2.2.2014 13:10

Jo! To je přesně ono, také jsem to zrovna objevil...

Nahoru Odpovědět

2.2.2014 13:10

FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 13 zpráv z 13.