Gå til innhold

Meny med hover over bilder


Anbefalte innlegg

Videoannonse
Annonse

jepp. men er ute etter koden ;)

 

EDIT: Menyen skal også være horisontal der jeg egentlig har problemet.

 a.F {
width: 285px;
height: 55px;
text-decoration:none;
display: block;
background-image : url(bilder/google.png);
background-repeat: no-repeat;
}
a.F:hover {
width: 285px;
height: 55px;
text-decoration:none;
display: block;
background-image : url(bilder/googlehover.png);
background-repeat: no-repeat;
} 

"display: block" fungerer ikke viss jeg vill ha menyen horisontal. Hva er det jeg kan bruke der istedet er vell egentlig spøsrmålet her.:p

Endret av stiago
Lenke til kommentar

Takk funka kjempe bra det :D

skrev det sånn:

<script type="text/javascript">
function SimpleSwap(el,which){
el.src=el.getAttribute(which || "origsrc");
}
function SimpleSwapSetup(){
var x = document.getElementsByTagName("img");
for (var i=0;i<x.length;i++){
var oversrc = x[i].getAttribute("oversrc");
if (!oversrc) continue;
x[i].oversrc_img = new Image();
x[i].oversrc_img.src=oversrc;
x[i].onmouseover = new Function("SimpleSwap(this,'oversrc');");
x[i].onmouseout = new Function("SimpleSwap(this);");
x[i].setAttribute("origsrc",x[i].src);
}
}

var PreSimpleSwapOnload =(window.onload)? window.onload : function(){};
window.onload = function(){PreSimpleSwapOnload(); SimpleSwapSetup();}
</script>

<script language="javascript" src=""></script>
<img src="bilder/forside.png" oversrc="bilder/forsideH.png">
</div>

Lenke til kommentar

Haha! Det å anbefale noen å benytte javascript for noe så enkelt som hover med CSS er noe av det dummeste jeg har hørt på lenge! Dette kan da ikke ha vært et ordentlig forslag?

 

Så til trådstarter: Dropp javascriptet, endre display fra block til inline-block, evt float dem til venstre for å få en horisontal meny.

 

Hah, jeg klarer virkelig ikke slutte å le! :D Hva er enkleste av dette her....

a.F {
  width: 285px;
  height: 55px;
  text-decoration:none;
  display: inline-block;
  background: url(bilder/google.png) no-repeat;
}
a.F:hover {
  background: url(bilder/googlehover.png) no-repeat;
}

... og javascriptet du ble bedt om å bruke? Jeez.

Endret av Jesper Karsrud
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...