Salve a tutti.....vorrei sapere con lo stato a:hover dei css è possibile sfruttarlo però con immagini diverse cioè ho un menu così tipo
home prodotti servizi contatti
a:hover su home = farfalla
a:hover su prodotti = verme
a:hover su servizi = carota
a:hover su contatti = anello
Grazie ciao
fatemi diventare un genio come voi!!!!!!!!!!!!!
qui
trovi una lista con immagini, non c'è il rollover dell'immagine ma penso si possa metterlo definendo
prova e fammi saperecodice:ul li a:hover{ padding-left: 30px; /* width of icon + whitespace */ } #email { background-image: url(emailover.gif); } #donate { background-image: url(donateover.gif); } #tell { background-image: url(tellover.gif); } #active { background-image: url(activeover.gif); } #vote { background-image: url(voteover.gif); }
ciao paolo
Non so se Dio esiste ma se non esiste ci fa una figura migliore!
- S. Benni -
prima era sbagliato
questa è la pagina testata con firefox opera e ie6
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
ul {
margin: 0;
padding: 0;
list-style: none;
}
ul li {
margin: 2px 0 6px 0;
padding: 0;
font-weight: bold;
line-height: 24px; /* height of icon */
background-repeat: no-repeat;
background-position: 0 50%;
}
ul li a {
padding-left: 30px; /* width of icon + whitespace */
}
#email { background-image: url(immagini/azzurro.jpg); }
#donate { background-image: url(immagini/giallo.jpg); }
#tell { background-image: url(immagini/nero.jpg); }
#active { background-image: url(immagini/rosso.jpg); }
#vote { background-image: url(immagini/verde.jpg); }
ul li a:hover {background-repeat: no-repeat; background-position: 0 50%;}
#email a:hover{ background-image: url(immagini/azzurroover.jpg); }
#donate a:hover{ background-image: url(immagini/gialloover.jpg); }
#tell a:hover{ background-image: url(immagini/neroover.jpg); }
#active a:hover{ background-image: url(immagini/rossoover.jpg); }
#vote a:hover{ background-image: url(immagini/verdeover.jpg); }
-->
</style>
</head>
<body>
<ul>
<li id="email">Send an Email
<li id="donate">Donate Money
<li id="active">Get Active
<li id="tell">Tell a Friend
<li id="vote">Register to Vote[/list]
</body>
</html>
Non so se Dio esiste ma se non esiste ci fa una figura migliore!
- S. Benni -
Permessi di invio
Rispondi quotando