Link di un colore, sottolineatura di un altro

**Edward Becket** · 10-04-2005, 09:24

Tramite css è possibile impostare dei parametri ai link in modo da avere il testo colorato in un modo e la sottolineatura in un altro?

So che si può ottenere questo effetto impostando il link del colore che si vuole dare alla sottolineatura e poi inserire tra i tag <a><a/> un tag <font style="color:#555"></font> che colori solo il testo. Ma non è certo una buona soluzione...

**andrea.paiola** · 10-04-2005, 09:31

c'è una soluzione migliore: puoi intervenire col selettore di classe
assegni al tag una classe e la usi nel CSS esempio generico:
(X)HTML

codice:

<tag class="linkimportanti"></tag>

CSS

codice:

.linkimportanti{proprietà CSS}

le proprietà CSS mi sa che però non le conosci... chiedi e ti sarà dato

**Edward Becket** · 10-04-2005, 17:25

Eh certo.
Mi chidevo appunto che parametro posso settare per ottenere quel che voglio. Non avrei MAI usato il sistema che ho citato sopra.

**WarriorXP** · 10-04-2005, 19:05

Un soluzione alternativa sarebbe quella di usare il border-bottom all'hover come sottolineatora...

**Edward Becket** · 11-04-2005, 08:51

Ci ho pensato e ci ho provato anche. Viene uno schifagnolo... a meno che non sappiate dirmi come avvicinarlo alla riga di testo. INfatti impostandolo viene tracciato a metà dello spazio interlinea e non si capisce intuitivamente che si tratta di una sottolineatura.

**andrea.paiola** · 11-04-2005, 08:54

Originariamente inviato da andrea.paiola
c'è una soluzione migliore: puoi intervenire col selettore di classe
assegni al tag una classe e la usi nel CSS esempio generico:
(X)HTML

codice:

<tag class="linkimportanti"></tag>

CSS

codice:

.linkimportanti{proprietà CSS}

le proprietà CSS mi sa che però non le conosci... chiedi e ti sarà dato

penso che la mia sia la soluzione migliore... se vuoi un esempio pratico fai domande più precise...

**Edward Becket** · 11-04-2005, 08:57

Originariamente inviato da andrea.paiola
penso che la mia sia la soluzione migliore... se vuoi un esempio pratico fai domande più precise...

Vorrei un esempio pratico grazie.

**andrea.paiola** · 11-04-2005, 09:25

però ti ostini a non fare richieste più precise...vabbè me le invento...cercherò di fare un esempio il più possibile completo:

XHTML

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it">
<head>
<link rel="shortcut icon" href="favicon.ico"></link>
<title>Pagina di prova con link di colore diverso</title>
<style type="text/css" media="screen">
@import url(stile.css);
</style>
</head>
<body>
<h1>Link di colore diverso</h1>
<a href = "http://indirizzo.com">Primo link</a>
<a class = "linkimportante" href = "http://indirizzo.com">Link importante</a>
</body>
</html>

CSS (stile.css)

codice:

a:link{
 	background-color: Black;
	color: White;
	font-family: serif;
}
a:visited {
	background-color: Gray;
	color: White;
	font-family: serif;
}
a:active{
	background-color: Blue;
	color: White;
	font-family: serif;
}
a:hover{
	background-color: Silver;
	color: White;
	font-family: serif;
}
a:link.linkimportante, a:visited.linkimportante, a:active.linkimportante, a:hover.linkimportante {
	background-color: Yellow;
	color: Red;
	font-family: sans-serif;
}

**Edward Becket** · 11-04-2005, 09:30

Lo immaginavo. Non ci siamo capiti. Ecco perchè le tue richieste di "precisare" mi sembravano strane.
Io non voglio ottenere due tipi di link differenti in una stessa pagina ma voglio che i link (tutti) siano così.
Testo di un colore. Sottolineatura di un altro.
Es: Testo nero. Sottolineatura blu.

**andrea.paiola** · 11-04-2005, 09:41

non ci eravamo proprio capiti...non penso si possa fare, mi dispiace

Discussione: Link di un colore, sottolineatura di un altro

Strumenti discussione

Ricerca discussione

Visualizza

Link di un colore, sottolineatura di un altro

Permessi di invio