Salve a tutti, avrei un problema da risolvere assolutamente.
Ho creato un piccolo menu, e vorrei che, quando il mouse punta su un link del suddetto, apparisse una piccola immagine di un cappello da chef.
La cosa mi riesce ma non riesco a posizionare il cappello al di sopra delle varie scritte..ho provato ad aumentare la height siccome l'attributo di mio interesse sarebbe "link_menu", ma non ho avuto successo, l'altezza non si modifica.
Potreste cortesemente dirmi dove sta l'errore?
HTML:
################################
INIZIO MENU
################################
-->
<div class="menu" id="menu">CHI SIAMO<span class="pianta"> [img]img/pianta.png[/img]</span> PROGETTI<span class="pianta"> [img]img/pianta.png[/img]</span>MUSIC <span class="pianta"> [img]img/pianta.png[/img]</span>CONTATTI
<!--
################################
FINE DIV MENU
################################
-->
</div>
CSS:
a.link_menu:link {
color:#5151b1;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration: none;
height:60px;
}
a.link_menu:visited {
color: #5151b1;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration: none;
height:60px;
}
a.link_menu:hover {
color: #1bb7f5;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration: none;
background: url("img/cappello.png") no-repeat 10px 0px;
height:60px;
}
Grazie mille a tutti per l'attenzione, lascio il link alla versione di prova che ho caricato sul server ftp: http://guaccio22.altervista.org/curadelgusto/index.html , da li si puo' analizzare al meglio tutto il codice
Rispondi quotando