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 fra Computerworld it-jobbank
Mød 3.500+ it-talenter på IT-DAY 2026
Hos Computerworld it-jobbank er vi stolte af at fortsætte det gode partnerskab med folkene bag IT-DAY – efter vores mening Danmarks bedste karrieremesse for unge og erfarne it-kandidater.
<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