Notifikationer

Markér alle som læst Log ud

no_doubt Nybegynder

09. oktober 2007 - 18:59 Der er 11 kommentarer og
1 løsning

Scroll ovenpå billede uden billedet går igen

Hvordan går man denne effekt som er under galleri på: http://www.galleri-franck.dk/

Synes godt om

kalp Novice

09. oktober 2007 - 19:41 #1

du skal style den med background-attachment: fixed;}

Synes godt om

no_doubt Nybegynder

09. oktober 2007 - 20:09 #2

kan man gøre det på en celle ?

Synes godt om

kalp Novice

09. oktober 2007 - 20:14 #3

Jeg har ikke testet det på en celle, men du kan på en div så du kan jo lægge en div i din celle:)

Synes godt om

no_doubt Nybegynder

09. oktober 2007 - 20:18 #4

kan du komme med et kode eksempel

Synes godt om

kalp Novice

09. oktober 2007 - 20:25 #5

du skal gemme det som html og lægge et billede i samme mappe som filen.. det som du skal bruge som baggrund..

og så skal du selvfølgelig lige angive filnavnet i koden herunder.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">

<style type="text/css">
div {
background-image:url(test.gif);
background-attachment: fixed;
background-repeat: no-repeat;

}
</style>

</HEAD>
<BODY>
<div style="height:500px;width:500px;overflow:scroll;" >
okoko
asd
as
da
sd
as
d
as
d
as
d
as
d
 
as
d
as
d
as
das
d
as
d
as
d
as
</div>
</BODY>
</HTML>

Synes godt om

no_doubt Nybegynder

09. oktober 2007 - 20:54 #6

den går ikke i det design jeg har

Synes godt om

w13 Novice

09. oktober 2007 - 20:57 #7

Den holder i alle design, hvis du bruger den rigtigt. Læg den ind i din td:

<div style="height:500px;width:500px;overflow:scroll;" >
okoko
asd
as
da
sd
as
d
as
d
as
d
as
d
 
as
d
as
d
as
das
d
as
d
as
d
as
</div>

Synes godt om

nielle Nybegynder

09. oktober 2007 - 21:02 #8

Den falder vist lidt igennem hvis man har flere div-tags, og det kun er på den ene af dem man vil have effekten. ;^)

Men definer en klasse med den viste:

background-image:url(test.gif);
background-attachment: fixed;
background-repeat: no-repeat;

og sæt så den klasse på den specifikke div hvor at du ønsker det.

Synes godt om

nielle Nybegynder

09. oktober 2007 - 21:05 #9

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">

<style type="text/css">
div.kalp {
height: 500px;
width: 500px;
overflow: scroll;

background-image:url(test.gif);
background-attachment: fixed;
background-repeat: no-repeat;
}
</style>

</HEAD>
<BODY>

<div>
IKKE HER
</div>

<div class="kalp" >
okoko
asd
as
da
sd
as
d
as
d
as
d
as
d
 
as
d
as
d
as
das
d
as
d
as
d
as
</div>

<div>
HELLER IKKE HER
</div>
</BODY>
</HTML>

Synes godt om

kalp Novice

09. oktober 2007 - 21:10 #10

sorry no_doubt.. troede du ville kunne gennemskue eksemplet:)
Jeg tog blot og lavede et hurtigt eksempel, som man også kan se på min test data;o)

Nielle er rammet det ind præcis som man bør gøre hvis man skal style en specifik div:)

Synes godt om

no_doubt Nybegynder

11. oktober 2007 - 15:59 #11

jeps...svar nielle

Synes godt om

nielle Nybegynder

11. oktober 2007 - 18:22 #12

Den må da vist være kalp's - det var jo trods alt hans løsning jeg kiun lige pudsede lidt ekstra på :^)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS