Avatar billede okidoky Nybegynder
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?
Avatar billede olebole Juniormester
03. maj 2006 - 22:10 #1
<ole>

Hvor skal det låses - hvordan og hvorfor? Prøv med et link  :)

/mvh
</bole>
Avatar billede webstuff Nybegynder
03. maj 2006 - 22:11 #2
<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
Avatar billede okidoky Nybegynder
03. maj 2006 - 22:11 #3
en banner som skal følge med siden i venstre eller højre side.
Avatar billede okidoky Nybegynder
03. maj 2006 - 22:13 #4
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 :)
Avatar billede webstuff Nybegynder
03. maj 2006 - 22:16 #5
<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>
Avatar billede webstuff Nybegynder
03. maj 2006 - 22:17 #6
Nu bliver jeg lidt i tvivl om 0.0 kordinaterne følger med scrollen eller er absolute...
Avatar billede olebole Juniormester
03. maj 2006 - 22:22 #7
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  :)
Avatar billede okidoky Nybegynder
03. maj 2006 - 22:27 #8
Hvad mener du med link?
Avatar billede olebole Juniormester
03. maj 2006 - 22:35 #9
- 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  =)
Avatar billede okidoky Nybegynder
03. maj 2006 - 22:36 #10
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 :)
Avatar billede olebole Juniormester
03. maj 2006 - 22:44 #11
... okay  :)
Avatar billede olebole Juniormester
03. maj 2006 - 22:45 #12
- og webstuff bør vel også lægge et svar  :)
Avatar billede okidoky Nybegynder
04. maj 2006 - 13:52 #13
takker , men webstuff lage ikke et svar?
Avatar billede webstuff Nybegynder
04. maj 2006 - 19:32 #14
Behold du bare pointene ole, mit svar virkede jo ikke ;o)

//Webstuff
Avatar billede olebole Juniormester
04. maj 2006 - 19:46 #15
oki ... vi udligner en anden god gang  ;o)
Avatar billede webstuff Nybegynder
05. maj 2006 - 11:52 #16
Det lyder som en date ;o)
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