link hover

[deleted_184]

ciao
ho la necessità di mettere dei colori diversi a dei link ma nn ho capito xkè nn va con il codice sotto postato mi funziona solo il primo, cioè :titoli

cosa sbaglio?


.Titoli { color: #5B909A; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; font-variant: normal}
.Titoli:hover { color: #B30000}

.menuColoreBianco { color:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-decoration: none; text-indent: 20pt}
.menuColoreBianco:hover { color:#5B909A}

[pierofix]

Forse ci occorre analizzare anche la struttura di markup a cui quel CSS è applicato. In secondo luogo, ti consiglio di ottimizzare il tuo codice:

a {
   font:normal bold 14px Verdana,Arial,Helvetica,sans-serif
}

.Titoli { color:#5b909a }
.Titoli:hover { color:#b30000 }

.menuColoreBianco {
   color:#fff;
   font-size:9px;
   text-decoration:none;
   text-indent:20pt;
}
.menuColoreBianco:hover { color:#5b909a }

[deleted_184]

in ke senso scusa bisogna analizzare la struttura?

[pierofix]

Originariamente inviato da Eyes Of Horror
in ke senso scusa bisogna analizzare la struttura?

Il CSS si riferisce ad un markup, ad una struttura di significato, al codice HTML, se vogliamo dirla alla buona: possiamo vederlo?

[deleted_184]

credo che il problema sia l'immagine che ho come fondo cella infatti se tolgo l'immagine funziona tutto sia il titolo che il menu, come si può ovviare a questo

[pierofix]

Posta-il-codice-HTML!

[deleted_184]

Originariamente inviato da pierofix


Posta-il-codice-HTML!

menu a sx

<tr>
<td background="lineaMenu.gif" class="menuColoreBianco"><a href="Copia%20di%20beta.htm" target="_top">Analisi
di mercato</a></td>
</tr>
</table>
<table width="100%" border="0" height="28">
<tr>
<td background="lineaMenu.gif" class="menuColoreBianco"> <a href="Copia%20di%20beta.htm">Business
Plan</a></td>
</tr>
</table>
<table width="100%" border="0" height="28">
<tr>
<td background="lineaMenu.gif" class="menuColoreBianco"> Tools</td>
</tr>
</table>
<table width="100%" border="0" height="28">
<tr>
<td background="lineaMenu.gif" class="menuColoreBianco">Finanza</td>
</tr>
</table>
<table width="100%" border="0" height="28">
<tr>
<td background="lineaMenu.gif" class="menuColoreBianco">Business
online</td>
</tr>
</table>
<table width="100%" border="0" height="28">
<tr>
<td background="lineaMenu.gif" class="menuColoreBianco">488 World</td>
</tr>
</table>
<table width="100%" border="0" height="28">
<tr>
<td background="lineaMenu.gif" class="menuColoreBianco"> Education</td>
</tr>
</table>
<table width="100%" border="0" height="28">
<tr>
<td background="lineaMenu.gif" class="menuColoreBianco"> E-Consulting</td>
</tr>
</table>
<table width="100%" border="0" height="28">
<tr>
<td background="lineaMenu.gif" class="menuColoreBianco"> Banca
delle idee</td>
</tr>
</table>
<table width="100%" border="0" height="28">
<tr>
<td background="lineaMenu.gif" class="menuColoreBianco"> Fonti</td>
</tr>
</table>
<table width="100%" border="0" height="28">
<tr>
<td background="lineaMenu.gif" class="menuColoreBianco"> Impresa
giovanile</td>
</tr>
</table>
<table width="100%" border="0" height="28">
<tr>
<td background="lineaMenu.gif" class="menuColoreBianco"> Impresa
femminile</td>
</tr>
</table>
<table width="100%" border="0" height="28">
<tr>
<td background="lineaMenu.gif" class="menuColoreBianco"> Artigianato</td>
</tr>
</table>
</td>

[deleted_184]

questo sull'altro link

<p style="padding-left:17;padding-right:20" class="link_interno"><a href="chisiamo.htm" target="_self" class="Titoli">Chi
siamo </a></p>

[pierofix]

Come sospettavo. Prendiamo il tuo CSS:

.menuColoreBianco:hover { color:#5b909a }

In questo caso dici al browser che l'elemento con classe "menuColoreBianco", al passaggio del mouse, si colori come specificato. Questo selettore prevede una struttura di markup corrispondente alla seguante:

<a href="sito.it" class="menuColoreBianco">
   Testo del link
</a>

Tu, invece, hai dato la classe "menuColoreBianco" ad una td. Le cose sono due: o assegni la classe direttamente al link oppure operi una modifica al CSS, seguendo questo concetto:

.menuColoreBianco a:hover { color:#5b909a }

Chiaro?

[deleted_184]

Originariamente inviato da pierofix
Come sospettavo. Prendiamo il tuo CSS:

.menuColoreBianco:hover { color:#5b909a }

In questo caso dici al browser che l'elemento con classe "menuColoreBianco", al passaggio del mouse, si colori come specificato. Questo selettore prevede una struttura di markup corrispondente alla seguante:

<a href="sito.it" class="menuColoreBianco">
   Testo del link
</a>

Tu, invece, hai dato la classe "menuColoreBianco" ad una td. Le cose sono due: o assegni la classe direttamente al link oppure operi una modifica al CSS, seguendo questo concetto:

.menuColoreBianco a:hover { color:#5b909a }

Chiaro?

ho capito poco

vediamo un pò

.menuColoreBianco a:hover { color:#5b909a } attualmente è assegnata alla tabella ed è per questo che nn va, giusto? ma nn ho capito come poter ovviare