Vai al contenuto





volponerosso

Html e CSS: come fare menu con rollover e simbolo?

Recommended Posts

Ciao a tutti

sono in fase di studio di html e css..

Ho creato un css per la singola voce di menu, con

.menu_voce a:link, a:visited {
padding:15px;
background-color: #000;
font-size:12px;
color#FFF;
}
.menu_voce a:hover {
background-color:#FFF;
color: #000;
}

Con questo codice mi crea quindi il rollover con il cambio di colore al box che lo contiene e al link... ma se volessi inserire un simbolo? Come la classica linguetta che appare appena sotto il box, come posso fare? grazie mille


iMac 27'' mid 2012 - Intel Core i5 quad-core a 3,2GHz - NVIDIA GeForce GTX 675MX con 1GB  |  MacBook Pro 15'' mid2010 | iMac 20'' mid2007

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti


.menu_voce a:link, a:visited {

padding:15px;

background-color: #000;

font-size:12px;

color#FFF;

}

.menu_voce a:hover {

background: url(nomeimmagine.jpg) #FFF;

color: #000;

}

in questo modo quando passi il mouse spunta anche l'immagine...

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

ti ringrazio ma come faccio a dirgli la posizione della linguetta?

Per fare proprio che appare un simbolo al centro e "fuori" dal box che contiene il menu (datogli dallo spazio generto dal padding)

grazie mille :)


iMac 27'' mid 2012 - Intel Core i5 quad-core a 3,2GHz - NVIDIA GeForce GTX 675MX con 1GB  |  MacBook Pro 15'' mid2010 | iMac 20'' mid2007

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Rispondi e partecipa alla discusione

Puoi rispondere subito e iscriverti successivamente. If you have an account, sign in now to post with your account.

Ospite
Rispondi a questa discussione...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Crea Nuovo...

Info

Per offrirti il miglior servizio possibile il sito utilizza cookies, anche di terze parti e profilazione. Utilizzando il sito acconsenti al loro impiego. Privacy Policy Termini di utilizzo