- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Link sottolineato con mouse over
-
Link sottolineato con mouse over
Ciao a tutti, ho impostato il seguente stile per i link in modo che al passaggio del mouse il testo del link risulti sottolineato:
a { text-decoration:none; } a:hover { text-decoration:underline; }
Tuttavia, nel caso specifico di questa classe, desidererei fare in modo che la sottolineatura non sia visibile:
.titleread:hover{ text-decoration:none; }
Teoricamente, con questo codice HTML la sottolineatura non dovrebbe essere visibile (la classe titleread dovrebbe prevalere su quella del link, essendo il tag h1 più interno):
<a href="titolo.php"><h1 class="titleread">Titolo</h1></a>
Purtroppo però al passaggio del mouse il testo appare ancora sottolineato. Cosa sbaglio?
Grazie a tutti, ciao!
-
Ciao giobongio,
prova così:.titleread:hover
{
text-decoration: none !important;
}Michele
-
Ciao Michele, grazie per la dritta. Purtroppo non funziona... Sono però riuscito a ottenere comunque quello che volevo inserendo una nuova classe nel foglio di stile:
.nodecoration:hover { text-decoration:none; }
e richiamando il tutto con:
<a href="titolo.php" class="nodecoration"><h1 class="titleread">Titolo</h1></a>
Grazie comunque.
Giorgio
-
Scusa, ti ho postato solo una parte della soluzione, svista mia. Volevo aggiungere che la classe la dovevi mettere sull'a e non sull'h1. Felice che tu abbia risolto da solo.
Michele