Avatar billede bluesnix Nybegynder
22. september 2006 - 22:42 Der er 5 kommentarer og
1 løsning

Baggrundsbillede som link

Hej eksperter

Jeg vil gerne gøre mit baggrundsbillede i mit stylesheet til et home-link (altså ét der altid er på alle sider, og som linker til index.htm). Er det muligt?

Det ser indtil videre sådan her ud:

body {    background-color: #009900;
    background-image: url("pics/Logo.jpg");
    background-repeat: no-repeat;
    background-position: 70px 0px
}



Mvh.
Nikolaj
Avatar billede hmm10 Nybegynder
22. september 2006 - 23:33 #1
Og du vil ikke bruge <BODY> (<BODY onClick="location.href='index.htm';">) eller skal det ikke gælde hele siden?
Avatar billede mclemens Nybegynder
23. september 2006 - 03:22 #2
[ Du er her : Eksperten : Spørgsmål & Svar : Programmering :: (D)HTML :: CSS :: Baggrundsbillede som link : ] ... Der skal javascript til, du kan ikke gøre det alene via. css Her er lige et eksempel på noget tracking af musens position ...

- Hvis nedenstående kan bruges tager du teksten mellem

<script type="text/javascript"> og </script> og ligger ind i f.eks. bgimgtrackclick.js
og så bruger du denne korte src definering i head sektionen på alle dine sider:
<script type="text/javascript" src="bgimgtrackclick.js"></script>

- Husk at rette baggrunden og placerings variablerne i scriptet (x1,x2,y1,y2)



<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">

body {    background-color: #009900;
    background-image: url("http://www.eksperten.dk/img/elogo.png");
    background-repeat: no-repeat;
    background-position: 70px 0px
}

</style>

<script type="text/javascript">

var lp={
  "x1":70, //venstre px kant
  "x2":169, //højre px kant
  "y1":0, //top px kant
  "y2":110 //bund px kant
};

var mchk=false;

var IE=((document.all) && (navigator.userAgent.indexOf('Opera')== -1));
if(!IE)document.captureEvents(Event.mousemove);

document.onmousemove=function (e){

  if(IE){
    dmcst=(tmenu=document.documentElement.scrollTop)?tmenu:document.body.scrollTop;
    dmcsl=(lmenu=document.documentElement.scrollLeft)?lmenu:document.body.scrollLeft;
    dmcy=event.clientY+dmcst;dmcx=event.clientX+dmcsl;
  }else{dmcy=e.pageY;dmcx=e.pageX;}

  mchk=(dmcy<=lp.y2&&dmcy>=lp.y1&&dmcx<=lp.x2&&dmcx>=lp.x1);
  document.body.style.cursor=(mchk)?"pointer":"auto";

}

document.onclick=function(){
  if(mchk)window.location.href="http://www.eksperten.dk";
}

</script>

</head><body><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></body></html>


...

...

Siger pænt godnat til hmm10 og bluesnix    :)
Avatar billede mclemens Nybegynder
05. oktober 2006 - 21:12 #3
Lægger et svar hvis det kunne bruges ...
Avatar billede mclemens Nybegynder
06. oktober 2006 - 09:02 #4
Tak for point :)
Avatar billede bluesnix Nybegynder
06. oktober 2006 - 09:10 #5
Det var så lidt. Undskyld forsinkelsen...;-) Og tak for hjælpen -god weekend.
Avatar billede mclemens Nybegynder
06. oktober 2006 - 11:17 #6
Gør ikke spor ;) Velbekom, og god weekend til dig også.
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