Hvordan få scrolle felt på siden?

[flodhest]

Vet noen hvordan man lager et scrolle felt? altså, jeg vil ha det sånn at man kan scrolle nedover på teksten uten å scrolle hele siden, bare teksten. Hvis du dere skjønner...?

[dms]

Jeg er ikke helt med på hva du mener men du kan jo alltids sette background-attachment: fixed i stylesheetet. Da vil teksten flyte over bakgrunnen. Eller så kan du ha en <div>-blokk som er satt til overflow: auto og en passende størrelse og slenge all teksten inn i den. Kan du vise et eksempel? Er det noe slik du mener: http://www.stud.ntnu.no/~danielma/nytt.php

[flodhest]

Ja, det er akkurat sånn jeg mener! Vet du hvordan man lager en sånn scrollboks? finnes det noe ferdig greier i Dreamweaver? Kan du koden slik at teksten flyter over skjermen sånn som du sa? Skjønner hva du mener og det er kult det også, men det aller beste hadde vært en scroller :smile:

[dms]

Hehe, det er min side ja, så jeg vet hvordan man gjør det

Hvis du vil ha en sånn boks putter du inn denne en plass i koden:

<div class="tekst">

lorem ipsum lorem ipsum...lorem ipsum lorem ipsum...

lorlorem ipsum lorem ipsum...em ipsum lorem ipsum...

lorem ipsum lorem ipsum...lorem ipsum lorem ipsum...

</div>

I stylesheetet kan du da gjøre noe slik

 

div.tekst{

overflow:auto;

position: absolute;

top: 100px;

left: 100px;

width: 100px;

height: 200px;

border: solid 2px #000000;

}

 

Det som skjer da er at du får en boks som er av størrelsen 100*200 piklser plassert 100pixler fra toppen og fra venstrekanten av skjermbildet. Du kan lese mer om CSS på http://www.w3schools.com/css/ og posisjonering spesielt på http://www.w3schools.com/css/css_positioning.asp . Lykke til!

[flodhest]

Tusen, tusen takk! :smile:

[mikk-]

<iframe> er jo en annen mulighet. Da bruker du en annen fil. Blir som frames egentlig. Though, ser de ofte ikke like bra ut i alle browsere. Opera, for eksempel.

[flodhest]

hm..Jeg har nesten fått det slik jeg vil. Det som gjenstår er å få en annen farge i scroll boksen. Som dere kan se så er den hvit, og jeg vet ikke hvordan jeg får den i en annen farge. BTW, jeg klarte å mekke scroll boksen i Dreamweaver, jeg har ikke brukt CSS eller noe annet.

 

her er det foreløpige resultatet: http://www.home.no/fjortissverden/test/index2.html

[dms]

BTW, jeg klarte å mekke scroll boksen i Dreamweaver, jeg har ikke brukt CSS eller noe annet.

Hehe, det har du jo! Du bør forresten gå over koden din litt den er et kaos uten like :o

[flodhest]

BTW, jeg klarte å mekke scroll boksen i Dreamweaver, jeg har ikke brukt CSS eller noe annet.

Hehe, det har du jo! Du bør forresten gå over koden din litt den er et kaos uten like :o

 

har jeg det? hehe, daså!

Koden er et kaos ja, det vet jeg, det skyldes at jeg har prøvd meg fram utallige ganger for å få bakgrunnsfarge på scrollboksen. Det skal selvsagt ordnes på når jeg skal laste opp den ferdige siden. Men vet du hvordan jeg får bakgrunnsfarge på den eller? BTW, hva synes du om designet?

[Offpist]

Hei.. Sjekk ut denne Scroll greia også.

http://www.burningheart.com/voice/

 

Den er ganske kul. Vet ikke hvordan jeg får den inn på siden. Noen som kan hjelpe?

 

Trur man kan bare kopiere scripte, men jeg er så dårlig til det.

[flodhest]

Kul den ja. Den er sikkert skikkelig innviklet å lage, prøvde å kopiere scriptet jeg også men det gikk dårlig. Tror du skal kunne en del for å lage slike scollere.

[BeCo]

For det første er denne scroll'en laget med javascript.

Hvis du vil ha denne kan du laste den ned fra http://www.burningheart.com/voice/scroll.js .

Deretter må du redigere js filen for at den skal passe til ditt behov.

 

<SCRIPT language=javascript src="scroll.js"></SCRIPT>



<!-- up-arrow  -->

<SPAN id=up style="Z-INDEX: 6; LEFT: 203px; WIDTH: 1px; POSITION: absolute; TOP: 151px; HEIGHT: 1px">

<img src="http://www.burningheart.com/voice/upp.gif" width="11" height="10"></SPAN>



<!-- down-arrow -->

<SPAN id=down style="Z-INDEX: 9; LEFT: 202px; WIDTH: 9px; POSITION: absolute; TOP: 421px; HEIGHT: 10px">

<img src="http://www.burningheart.com/voice/ner.gif" width="11" height="10"></SPAN> 



<!-- scrollbar  -->

<SPAN id=drag style="Z-INDEX: 11; LEFT: 200px; WIDTH: 1px; POSITION: absolute; TOP: 320px; HEIGHT: 26px"></SPAN>

<SPAN id=ruler style="Z-INDEX: 12; LEFT: 201px; WIDTH: 1px; POSITION: absolute; TOP: 320px; HEIGHT: 26px"></SPAN>



<SPAN id=contentClip style="Z-INDEX: 7; LEFT: 24px; OVERFLOW: hidden; WIDTH: 174px; CLIP: rect(0px 263px 284px 0px); POSITION: absolute; TOP: 153px; HEIGHT: 386px; background-color: #[u]enfarge[/u]; layer-background-color: #[u]enfarge[/u]; border: 1px none #000000;">

<SPAN id=content style="top: -1px; left: 1px" class="ettellerannet"> 

<P class="arial10">

Her skal det du vil ha inne i scrollen...

Her skal det du vil ha inne i scrollen...

Her skal det du vil ha inne i scrollen...

Her skal det du vil ha inne i scrollen...

SPAN></SPAN>

 

Slik var det hvertfall Voice gjorde det!

Det er faktisk ikke så vanskelig skjønner du :wink:

[flodhest]

okey, får prøve å sette meg mer inn i det.

Tusen takk

BTW, du vet ikke hvordan man får en enkel bakgrunnsfarge i en scrollboks som jeg har laget i Dreamweaver?

[dms]

Les om bakgrunner i CSS: http://www.w3schools.com/css/css_background.asp . Så slenger du inn den passende koden i css-koden som gjelder for div-blokken din.

[flodhest]

oki, tror jeg skal prøve å lære meg litt CSS, ser ut som det kan være nyttig. Takk for hjelpen

[funkweb]

For det første er denne scroll'en laget med javascript.

Hvis du vil ha denne kan du laste den ned fra http://www.burningheart.com/voice/scroll.js .

Deretter må du redigere js filen for at den skal passe til ditt behov.

 

:wink:

 

Hmm.. en ting som var bad.

 

http://www.burningheart.com/voice/

 

Når du klikker den med down arrow i latest news...og bare fortsett nedover til den stopper....så merker du at den ikke viser alt.

Hvorfor ??? jeg ser at det er mer og vise egentlig.

 

hmmz...

[Roberto]

DHTML Scrollbars er som tatt ut fra helvete!

[flodhest]

heh...

[BeCo]

For det første er denne scroll'en laget med javascript.

Hvis du vil ha denne kan du laste den ned fra http://www.burningheart.com/voice/scroll.js .

Deretter må du redigere js filen for at den skal passe til ditt behov.

 

:wink:

 

Hmm.. en ting som var bad.

 

http://www.burningheart.com/voice/

 

Når du klikker den med down arrow i latest news...og bare fortsett nedover til den stopper....så merker du at den ikke viser alt.

Hvorfor ??? jeg ser at det er mer og vise egentlig.

 

hmmz...

 

Hehe.. det er ikke min feil!

Han som har lagt sida som har fucket opp..

Men trolig er det at innholdet ble for langt for scrollen..

Så lenge du holder deg innenfor en halv side om gangen, sku dette gå bra :wink: