Avatar billede antistof Nybegynder
03. juni 2012 - 02:04 Der er 7 kommentarer

Horizontal scroll

Hej

Jeg håber der er nogen som kan hælpe mig med min kode da jeg godt nok har set mig lidt blind på hvad jeg gør forkert.

Min kode kan ses her www.krestenwerner.dk/test

Mit problem er jeg gerne vil have de store blå kasser kommer på en linje så der bliver en horizontal scroll.

Og samtidig vil jeg da lige høre om der findes en kode som gør at når man scroller på sin mus at man så overskriver at scroller vertical, synes nemlig lidt ideen med en horizontal side lidt glipper hvis man altid skal hold ctrl eller hvad det nu er for en knap nede for at kunne scroll horizontal.

Mvh
Kresten
Avatar billede olebole Juniormester
03. juni 2012 - 04:14 #1
<ole>

#indhold {
    height: 365px;
    margin-left: -35px;
    white-space: nowrap;
}

/mvh
</bole>
Avatar billede pstidsen Novice
03. juni 2012 - 12:43 #2
Nu er olebole jo kommet med løsningen, men se lige hvordan det ser ud på en iPad.
Avatar billede antistof Nybegynder
03. juni 2012 - 13:03 #3
Hey Ole

Takker for svaret... det var noget lignende det jeg søger men ville gerne have at det kun er de blå kasser som beævger sig, så min menu og alt det andet altid er fast låst men at scroll baren stadig er nede i bunden af siden, kan det lade sig gøre?



pstidsen

Nu har jeg ikke en ipad så kan ikke tjekke det der, men mon ikke der findes nogle online generator af en slags som kan give mig et udkast af hvordan det komemr til at se ud.
Avatar billede pstidsen Novice
03. juni 2012 - 13:11 #4
Hov min fejl. Glemte det her: http://db.tt/heFxi1Ft
Avatar billede olebole Juniormester
03. juni 2012 - 16:41 #5
Så skal du nok løse problemet fra en helt anden vinkel. Du bør nok lave et DIV med fast højde og bredde, overflow:auto og white-space:nowrap. Heri lægger du dine blå kasser, som så vil være det eneste, der scroller.

Scroll på elementer er dog noget, mange mobile enheder har problemer med. Derfor bør du nok løse opgaven med dette bibliotek, hvis det er meget vigtigt for dig.

Sagen er jo, at horisontalt scroll er noget, man for alt i verden undgår i webdesign. Det har alle dage irriteret webbrugere - anset hvor mange våde drømme designeren bag har haft  *o)
Avatar billede olebole Juniormester
03. juni 2012 - 16:42 #6
"Sagen er jo, at horisontalt scroll er noget, man for alt i verden undgår i webdesign. Det har alle dage irriteret webbrugere - uanset hvor mange våde drømme designeren bag har haft"

- skulle der selvfølgelig stå  =)
Avatar billede antistof Nybegynder
03. juni 2012 - 19:50 #7
Hey Ole

Jeg må lige se om jeg skal lave mit design om eller hvad jeg gør. Men takker ihvertfald for hjælpen, så hvis du smider et svar overfører jeg point.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester