aiuto: come cambiare colore alla underline??

[freetech]

Salve vorrei chiedervi un piccolo aiuto....ho creato un collegamento ipertestuale e vorrei che in a:hover apparisse una semplice underline ma non dello stesso colore del testo....come posso fare?? se inserisco l'attributo color: mi cambia il colore del testo!! :-)
grazie per eventuali risposte....

[Leilond]

cambia il border-bottom

una cosa del genere

Link speciale

e il CSS è

a.linkspeciale
{
text-decoration: none;
border-bottom: 0px;
}
a.linkspeciale:hover
{
border-bottom: 1px solid red;
} 

Se vuoi puoi mettere un border-bottom anche nella regola base, solo di un colore diverso.. ma ti diventa un arcobaleno... non facciamo pugni cromatici no? Già la sottolineatura di colore diverso se sbagli i colori son dolori alla vista...

[ricman]

Originariamente inviato da Leilond

a.linkspeciale
{
text-decoration: none;
border-bottom: 0px;
}
a.linkspeciale:hover
{
border-bottom: 1px solid red;
} 

Non ho provato, ma così, a vista, il link si dovrebbe muovere in su/giù di 1px perchè prima il bordo non c'è e poi compare. Casomai puoi dare il bordo anche all'a.linkspeciale di 1px dello stesso colore dello sfondo.

Correggetemi se ho detto una fesseria...

[Leilond]

No, non hai detto una fesseria... anzi è un'osservazione giustissima
Va messo il border 1px ad entrambi i casi, ma nel primo caso deve essere uguale allo sfondo

[freetech]

la tua impressione era un'impressione sbagliata....il link non si sosta....appare semplicemente il bordo.....ma per una correttezza semantica è sempre meglio scriverlo :-)
comunque ora abbiamo appurato che il sistema per cambiare il colore alla underline è quello di usare l'attributo border.
Ciao

[Leilond]

Non è il link che si sposta, ma potrebbe spostarsi qualcosa che ci sta "sotto" in taluni casi

[Mich_]

la tua impressione era un'impressione sbagliata....il link non si sosta...

Dipende dal browser.
In IE (quirks mode) si sposta il link (ma dipende anche da altre proprieta` del blocco);
negli altri browser si sposta eventualmente quanto segue (anche qui dipende anche da altre proprieta`);
le differenze hanno a che vedere con il diverso box model dei browser.


Ma vorrei far notare un'altra finezza.

a.linkspeciale {
  text-decoration: none;
  border-bottom: 0px;
  /* eventualmente specificare il color */
}
a.linkspeciale:hover {
  border-bottom: 1px solid red;
  text-decoration: none;
  /* eventualmente specificare il color */
}

Infatti in alcuni browser il text-decoration ha la sottolineatura solo nello stato hover, per cui e` bene ribadirlo anche nell':hover.
Con il colore ci puo` essere un problema simile.

[freetech]

di preciso non lo so ma a me con IE il link non si sposta....sarà per il box

[Leilond]

Si, ma se impari ad usare questa tecnica senza tenere conto di questo problema, prima o poi farai una pagina in cui qualcosa si muove e dovrai ricordarti di questo... perchè non scrivere da subito codice "sempre valido"?

[freetech]

giusto giusto