EchoEcho.Com
CORSI COMPLETI
HOME CORSI HTML LINKS     		 EchoEcho.Com
STRUMENTI & RISORSE
 HOME 
 
 CORSI 
 
 RISORSE 
 
 STRUMENTI 
 
 DOCUMENTAZIONE 
 
 MAPPA 
  
  CERCA QUESTO SITO
Suggerisci questo Sito a un Amico
SUGGERISCI QUESTO SITO

HTML LINKS

INTRODUZIONE

COME FARE UN LINK

COLORI PER I LINK DI TESTO

METE DEL LINK

SENZA SOTTOLINEATURA

LINK DI TESTO AVANZATI


LINK DI IMMAGINE

MAPPATURA DELL'IMMAGINE

LINK ALL'INTERNO DI UNA PAGINA

I LINK NEL FRAMESET

LINK A UNA NUOVA FINESTRA

Links HTML :
LINK DI TESTO AVANZATI
Invece di eliminare la sottolineatura di tutti i link, potresti invece precisare meglio il modo in cui vuoi che i tuoi link funzionino.

Nell'esempio qui sotto la sottolineatura è stata disattivata per tutti i link.

L' A:hover dice al browser che quando il mouse è sopra un link, apparirà la sottolineatura.
L'opzione hover funziona solo su MSIE 4+.
(Ma non causa alcun errore su Netscape se viene inclusa - l'effetto semplicemente non apparirà).

<html>

<head>
<title>Questa è la mia pagina</title>
<style type="text/css">
<!--
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline}
-->
</style>

</head>

<body>
Benvenuto nel mio mondo!<br>
<a href="http://www.yahoo.com>Questo link per yahoo non è sotttolineato </a>
</body>

</html>


I metodi descritti qui sopra disattiveranno l'effetto di sottolineatura per i link dell'intera pagina.

Se vuoi disattivare l'effetto solo per un singolo link, aggiungi una proprietà "style" al tag <a href>:

<a href="http://www.yahoo.com" style="text-decoration: none">Vai su Yahoo</a>


NOTA :
Il metodo descritto qui sopra funziona solo su MSIE3, Netscape 4 o su browser più recenti.

Si possono anche combinare diversi attributi "style", invece di togliere la sottolineatura e basta. Perché ad esempio non definire anche i colori per i link visitati?

Questo esempio ti mostra come fare:
<html>

<head>
<title>Questa è la mia pagina</title>

<STYLE TYPE="text/css"><!--
A.set1:link {color: #FF00FF; }
A.set1:active {color: #FFFF00; }
A.set1:visited {color: #00FFFF; }

A.set2:link {color: #AA00FF; background: FF00AA; text-decoration: none}
A.set2:active {color: #FF00AA; background: none transparent;}
A.set2:visited {color: #FFFF00; text-decoration: none}
--></STYLE>

</head>

<body>
Benvenuto nel mio mondo!<br>
<a href="http://www.yahoo.com CLASS=set1> Yahoo </a>
<a href="http://www.hotbot.com CLASS=set2> Hotbot </a>
</body>

</html>



Prova a cliccare sui due link qui sotto per vedere come funzionano questi effetti. (I link non sono attivati su questa pagina)


Yahoo

Hotbot

<< PRECEDENTE
CONTINUA >>
CORSO HTML

HTML FONDAMENTALI

HTML TESTO

HTML LISTE

HTML IMMAGINI

HTML LINKS

HTML SFONDI

HTML TAVOLE

HTML FRAMES

HTML FORMS

HTML METATAGS

HTML COLORI HEX



EchoEcho.Com
CORSI COMPLETI
 HOME 
 
 CORSI 
 
 RISORSE 
 
 STRUMENTI 
 
 DOCUMENTAZIONE 
 
 MAPPA 
 EchoEcho.Com
STRUMENTI & RISORSE

(c) Copyright 1998-1999 NetKontoret - All Rights Reserved