Gå til innhold

Nytt bilde når musen er over linken.

Howiey

Anbefalte innlegg

Howiey

Howiey

Skrevet
Skrevet

Jeg bruker et bilde som en link.

Men når du tar muse pekeren over bilde så skal det komme et nytt bilde...

Hva er koden får det?

<a href="#" onMouseover="#">?????

 

Var det ikke noe sånt? Har kunnet den en gang, men har glemt den...

Noen som kan hjelpe?

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
Howiey

Howiey

Skrevet
  • Forfatter
Skrevet

Ok.

 

Jeg prøver det som står på den siden, men får det ikke til.

 

Jeg har laget et css fil.

 

Den ser slik ut:

 

.hide {

display: none;

}

 

.my_link {

background: url(testbildeen.jpg);

display: block;

width: 468px;

height: 60px;

}

 

.my_link:hover {

background: url(testbildeto.jpg);

}

Den har jeg lagret som "two_image.css".

 

Så har jeg laget en webside:

<html>

<head>

<title>Testside</title>

</head>

 

<body>

 

<a href="link.html" class="two_image.css"><span class="hide">This text will be hidden</span></a>

 

 

</body>

</html>

Den er lagret som "test.html"

 

Begge filene og dei to bildene jeg bruker er lagret i samme mappe.

 

Men ingenting fungerer.

 

Men jeg tror css filen er riktig, det er noe galt med å hente den frem på siden, fordi teksten på websiden blir ikke skjult heller slik som den skal. Men jeg henter da css filen frem riktig. Har flere css filer som jeg bruker på hjemmesiden som fungerer helt fint...

Skjønner ikke hva jeg har glemt jeg...

Lenke til kommentar
Haraldson

Haraldson

Skrevet
Skrevet (endret)

<link rel="stylesheet" type="text/css" href="two_image.css">

 

mellom <head> og </head> i HTMLen. Class blir vel heller .. class="my_link".

 

 

Skrev dette sent på natten, men under har Dunestar et eminent innlegg som forklarer det hele. :yes:

Endret av Mr.Berg
Lenke til kommentar
Dunestar

Dunestar

Skrevet
Skrevet (endret)

Muligens litt mer rett på sak:

 

CSS-fil som du lagrer som style.css:

.hidden {
display: none;
}

#my_link {
background: url(testbildeen.jpg);
display: block;
width: 468px;
height: 60px;
}

#my_link:hover {
background: url(testbildeto.jpg);
}

 

HTML-fil som du lagrer som index.php:

<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<title>Testside</title>
</head>

<body>

<a href="link.html" id="mylink"><span class="hidden">This text will be hidden</span></a>

</body>
</html>

 

Legg alle filene i samme mappe, så funker det. :)

Endret av Dunestar
Lenke til kommentar
Howiey

Howiey

Skrevet
  • Forfatter
Skrevet

aaa...

 

hadde egentlig en unskyldning for hvorfor jeg ikke fikk det til:

klokken er ett om natten!

 

men dere fant det jo ut, men så er jo jeg helt elendig i dette da og dere sikkert proffe... :thumbup:

 

men men... takker.... kjempe greier altså... :D

Lenke til kommentar
Purify

Purify

Skrevet
Skrevet
aaa...

 

hadde egentlig en unskyldning for hvorfor jeg ikke fikk det til:

klokken er ett om natten!

 

men dere fant det jo ut, men så er jo jeg helt elendig i dette da og dere sikkert proffe... :thumbup:

 

men men... takker.... kjempe greier altså... :D

Trenger du absolutt en unnskyldning for ikke å kunne alt?

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å
Gå til emneliste
×
×
  • Opprett ny...