ciao a tutti,
ho realizzato su una pagina html un menu orizzontale cui ho
applicato la seguente regola:

.menu{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11;
font-weight:normal;
text-align:center;
color:#999999;
}
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {color: #FFFFFF}.tit { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; color: #FF9900; line-height: 16px }

ORA con questa regola tutte le voci del menu in condizioni normali hanno lo stesso colore(e fin qui tutto OK)
MA anche l'effetto rollover produce lo stesso colore su tutte le voci.

QUELLO che vorrei chiedervi è come posso fare per far si che l'effetto rollover di ogni voce del menu abbia un colore diverso.

spero di esser stato preciso.

ciaooooo e grazieeeeee

**felixsuperstar** · 09-05-2006, 11:01

io utilizzerei l'image replacement..

**remixe** · 09-05-2006, 11:05

ciao felix, in cosa consiste l'immagine replecment eattamente?

**remixe** · 09-05-2006, 11:16

ops...ho dato un occhiata a vecchi post ed ho appreso che questa tecnica permette di caricare imagini.
io però vorrei evitare di utilizzare immagini in quanto mi appesantirebbero la pagina, vorrei fare tutto il menu esclusivamento con il testo.

**ricman** · 09-05-2006, 12:16

Originariamente inviato da remixe
come posso fare per far si che l'effetto rollover di ogni voce del menu abbia un colore diverso.

Devi assegnare classi diverse per ogni voce del menu (oppure lavorare con qualche linguaggio)

**remixe** · 09-05-2006, 12:29

ciao ricman, ho lavorato con classi diverse, ma me ne prende sempre e solo una, anche
se nella stessa pagina ho diverse tabelle e a ciascuna applico una classe diversa
al rollover mi da lo stesso colore per tutte e due le tabelle

**hooara** · 09-05-2006, 13:01

Questa è una soluzione possibile:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<style type="text/css">

</style>
</head>

<body>
<div id="uno">uno</div>

<div id="due">due</div>

<div id="tre">tre</div>
</body>
</html>

**hooara** · 09-05-2006, 13:02

Ops....

correzione

<body>
<div id="uno">uno</div>

<div id="due">due</div>

<div id="tre">tre</div>
</body>
</html>

**remixe** · 09-05-2006, 13:07

grazie hooara, testo subito il codice.

grazie ancora molto

**hooara** · 09-05-2006, 13:24

OK

, fammi sapere se va bene....

Discussione: menu

Strumenti discussione

Ricerca discussione

Visualizza

menu

re

re

Re: menu

re

re

Permessi di invio