ciao a tutti ...
sapete dirmi come posso fare in modo che un a:hover nel css applichi una sottolineatura alla parola e non all'immagine che ha sulla sinistra?
cioè io ho una immagine a sinistra con align="absmiddle" e un testo sulla destra, hanno tutti e due un link, pero nel a:hover vorrei fare in modo che la sottolineatura avvenga solo nel testo, e non nella immagine (lo spazio di 5px tra immagine e testo, non deve avere sottolineatura)
Metti il testo in <span>Testo</span> poi togli la sottolineatura al tag img e la dai al tag span semplice no?Originariamente inviato da ciucciamellea
ciao a tutti ...
sapete dirmi come posso fare in modo che un a:hover nel css applichi una sottolineatura alla parola e non all'immagine che ha sulla sinistra?
cioè io ho una immagine a sinistra con align="absmiddle" e un testo sulla destra, hanno tutti e due un link, pero nel a:hover vorrei fare in modo che la sottolineatura avvenga solo nel testo, e non nella immagine (lo spazio di 5px tra immagine e testo, non deve avere sottolineatura)
cosi:
.span
{
text-decoration:underline;
}
??
e prima di span cosa devo mettere? # . o che cosa?
senza il punto prima di span oppure dai allo span un idOriginariamente inviato da ciucciamellea
cosi:
.span
{
text-decoration:underline;
}
??
e prima di span cosa devo mettere? # . o che cosa?
per fare in modo che si sottolinei la parola solo al passaggio del mouse, come faccio?
perche con a e a:hover non funziona ...
dovresti fare una cosa del genere:
codice:a:hover span { text-decoration: underline; }
codice:<!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=utf-8" /> <title>Documento senza titolo</title> <style type="text/css"> <!-- #im { border:none; } #im a, #im a:hover { text-decoration:none; border:none; } a, a:hover { text-decoration:none; } #te a:hover { text-decoration:underline; } --> </style></head> <body> <span id="im"> <a href="#" target="_self"> [img]donna.jpg[/img] </a> </span> <span id="te"> <a href="#" target="_self"> Testo </a> </span> </body> </html>
non ho ben capito ...
io intendevo mettere l'immagine e il testo nello stesso link, in modo che anche se passo con il puntatore sopra all' immagine, la sottolineatura alla parola appare comuqnue ...
Boh! Prova un po così se ti vaOriginariamente inviato da ciucciamellea
non ho ben capito ...
io intendevo mettere l'immagine e il testo nello stesso link, in modo che anche se passo con il puntatore sopra all' immagine, la sottolineatura alla parola appare comuqnue ...
codice:<!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=utf-8" /> <title>Documento senza titolo</title> <style type="text/css"> <!-- #im { border:none; } #te, #im { text-decoration:none; } #im:hover, #over:hover #te { text-decoration: underline; } --> </style></head> <body> <div id="over"> <a id="im" href="#" target="_self"> [img]donna.jpg[/img] </a> <a id="te" href="#" target="_self"> Testo </a> </div> </body> </html>
wow
dopo un po "tanto" di tempo ci sono riuscito ... non riuscivo a capire una cosa ma poi con vari tentativi l'ho risolta ...
così per curiosità, è possibile mantenere lo stesso effetto, ed usare un link unico invece di due? cioè usando un a href solo?
Permessi di invio
Rispondi quotando