Ik heb een foto maar als je er over heen gaat wil ik dat hij van kleur veranderd.

Status
Niet open voor verdere reacties.
mathijsf

mathijsf

Gebruiker
Lid geworden
12 dec 2010
Berichten
99
Dit is wat ik heb:
HTML: 
<html>
<head>
<title></title>
<style type="text/css">
#navlist{position:relative;}
#navlist li{margin:0;padding:0;list-style:none;position:absolute;top:0;}
#navlist li, #navlist a{height:110px;display:block;}

#home{left:0px;width:175px;}
#home{background:url('gel balk1.jpg') 0 0;}
#home a:hover{background: url('jel balk1.jpg') 0 -175px;}
</style>
</head>
<body>
<ul id="navlist">
  <li id="home"><a href="http://www.runescape.com"></a></li>
</ul>
</body>
</html>

Wat doe ik fout?
 
ok.

Nou zie ik het plaatje, maar is het geen mouse over plaatje maar zie ik ze allebij meteen al.
 
Laatst bewerkt:
Het is al opgelost!!

Ik heb mijn fout gevonden. Ik had het allebij in 1 plaatje maar je moet 2 apparte plaatjes hebben!!

Bedankt voor jou tip.
 
Nu heb ik gelijk nog een vraag.

Dit is wat ik nu heb, maar hoe zet ik het in het midden van een pagina.

HTML: 
<html>
<head>
<title></title>
<style type="text/css">
#navlist{position:relative;}
#navlist li{margin:0;padding:0;list-style:none;position:absolute;top:0;}
#navlist li, #navlist a{height:58px;display:block;}

#home{left:0px;width:177px;}
#home{background:url('play_now.jpg') 0 0;}
#home a:hover{background: url('play_now_hover.jpg') 0 -175px;}
</style>
</head>
<body>
<ul id="navlist">
  <li id="home"><a href="http://www.runescape.com"></a></li>
</ul>
</body>
</html>
 
zo?

#navlist, #home {
text-align: center;
}

Werkt het niet probeer dan eens ul weg te halen
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan