/ Forside/ Teknologi / Udvikling / HTML / Spørgsmål
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
hover på en "billede-knap"
Fra : Addicted_to_antrax
Vist : 621 gange
100 point
Dato : 21-03-06 19:05

Er der en der kan sige mig hvordan man laver et billede-link som hover? det er jo ikk skide svært med en normalt tekst link, men hvordan gør man med billedet?
har efterhånden læst mange tuts på nettet og ingen af dem forklarer det.
det skal bruges i et stylesheet i mit projekt på skolen.
med tekst link ville det se sådan ud:

a:hover {
font-family: arial, sans-serif, "times new roman;
color: black;
}

og saa videre men en billeder

 
 
Kommentar
Fra : molokyle


Dato : 21-03-06 20:56

Lav :hover på <img ... /> markøren istedet
Kode
img:hover {
...
;}


..som er standard, men ikke forstås af IE6 (..det gør det i IE7 som jeg sidder med en Beta 2 version af)

Alternativt kan du bruge javascript til at lave :hover på alle markører.
Eks. (i Quirksmode...) :
Kode
<html>
<head>
<title>Dynamiske class egenskaber for alle HTML elementer</title>
<script type="text/javascript">function change(actual,newClass){actual.className=newClass}</script>
<style type="text/css">
body{background:#c0c0c0;text-align:center;font-size:0.75em;font-family:arial,san-serif;}
.default{background:#c0c0c0;color:#000;border:#000 solid 1px;padding:0.5em;}
.mover{background:#000000;color:#ffff00;border:#ffff00 solid 1px;padding:0.5em;}
p.mover{background:#000;color:#fff;border:#fff solid 1px;padding:0.5em;}
div.mover{background:#00c;color:#fff;border:#fff solid 1px;padding:0.5em;}
</style>
</head>
<body>
<span class="default" onmouseover="change(this,'mover');" onmouseout="change(this,'default');">
Generisk :hover (.mover)
</span>
<br/>
<p class="default" onmouseover="change(this,'mover');" onmouseout="change(this,'default');">
p:hover (p.mover)
</p>
<div class="default" onmouseover="change(this,'mover');" onmouseout="change(this,'default');">
div:hover (div.mover)
</div>
</body>
</html>







Kommentar
Fra : molokyle


Dato : 21-03-06 21:02

Lidt mere 'besværligt' : http://webdesign101.dk/rollover/rollover9.php

..som ser sådan ud : http://webdesign101.dk/rollover/rollover8.php

..eller find lidt 'GUF' hér : http://www.cssplay.co.uk/

..under Menues finder du de 'simple' CSS løsninger

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 21-03-06 21:04

Ps. Tjek f.eks. : http://www.cssplay.co.uk/menus/flickerfree.html

</MOLOKYLE>

Du har følgende muligheder
Dette spørgsmål er blevet annulleret, det er derfor ikke muligt for at tilføje flere kommentarer.
Søg
Reklame
Statistik
Spørgsmål : 177428
Tips : 31962
Nyheder : 719565
Indlæg : 6407938
Brugere : 218877

Månedens bedste
Årets bedste
Sidste års bedste