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         Last modified on: 06/15/2000 15:06:47