03. maj 2006 - 21:54
Der er
15 kommentarer og 1 løsning
Billede låst fast
Hej Hvordan låser jeg et billede fast på dets plads, jeg ved jeg kan lave det i fixed i css, men dur ikke i IE, har brug for at det dur der?
Annonceindlæg tema
Cloud & AI
I dette særtema ser vi på, hvordan cloud og AI bliver fundamentet for virksomhedernes digitale forretning, og hvordan de nye muligheder for automatisering og forretningsværdi kan udnyttes uden at miste overblik, sikkerhed og menneskelig kontrol.
<ole> Hvor skal det låses - hvordan og hvorfor? Prøv med et link :) /mvh </bole>
<img src="billede.png" style="position:absolute;top:10px;left:10px;" alt="" title="" /> Sådan du mener? (-------------------) top:10px; = Afstanden fra toppen af siden left:10px; = Afstanden fra venstre kant af siden
en banner som skal følge med siden i venstre eller højre side.
ups.. undskyld misforståelsen, den skal altså låses fast på skærmen, altså følge med siden når man scrollere op og ned :)
<img src="billede.png" id="billede" style="position:absolute;top:10px;left:10px;" alt="" title="" /> og så en javascript funktion <script type="text/javascript"> function billede(){ var billede = document.getElementById("billede"); billede.style.top = 10 + "px"; billede.style.left = 10 + "px"; } document.onscroll = billede; <!-- Aner ikke hvad den event hedder - men det er jeg sikker på at ole kan svare på ;o)--> </script>
Nu bliver jeg lidt i tvivl om 0.0 kordinaterne følger med scrollen eller er absolute...
Funktionen skal nok se sådan ud: function billede(){ var billede = document.getElementById("billede"); var docElm = document.documentElement; billede.style.top = (docElm.scrollTop + 10) + "px"; billede.style.left = (docElm.scrollLeft + 10) + "px"; } window.onscroll = billede; - men det kommer dog anpå resten af koden ... ikke mindst, hvad der står før <html>. Derfor opfordringen til et link :)
- et link til siden, så vi slipper for en længere quiz. Da vi ikke kender den kode, det skal virke i, må vi jo gætte i blinde =)
ok.... men jeg den kode du gav mig virker meget fint . og den er selvfølgelig linket til en anden side.... tak for hjælpen :)
- og webstuff bør vel også lægge et svar :)
takker , men webstuff lage ikke et svar?
Behold du bare pointene ole, mit svar virkede jo ikke ;o) //Webstuff
oki ... vi udligner en anden god gang ;o)
Det lyder som en date ;o)
Vi tilbyder markedets bedste kurser inden for webudvikling