lien html

A

Anonyme

Invité
Bonjour

Comment fait-on en html pour que le lien n'ait pas la présentation habituelle : texte souligné ?

Par exmple, pour qu'en passant le curseur la couleur change
Merci

Albert
 
Salut, tu peux utiliser une feuille de style. Ainsi tu pourras définir les 4 états d'un lien.
Voilà un exemple :

a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
}
a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFCC99;
text-decoration: none;
font-weight: normal;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
}
a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;

Ces définitions peuvent être faites en en-tête de fichier ou dans un fichier dédié avec .css comme extension.
Il existe d'ailleurs des éditeurs de Css assez performants et gratuits (ou presque).
 
starmac a dit:
Salut, tu peux utiliser une feuille de style. Ainsi tu pourras définir les 4 états d'un lien.
Voilà un exemple :

a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
}
a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFCC99;
text-decoration: none;
font-weight: normal;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
}
a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;

Ces définitions peuvent être faites en en-tête de fichier ou dans un fichier dédié avec .css comme extension.
Il existe d'ailleurs des éditeurs de Css assez performants et gratuits (ou presque).

Merci c'est vraiment sympa, j'essaye...
Albert
 
starmac a dit:
Salut, tu peux utiliser une feuille de style. Ainsi tu pourras définir les 4 états d'un lien.
Voilà un exemple :

a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
}
a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFCC99;
text-decoration: none;
font-weight: normal;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
}
a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;

Ces définitions peuvent être faites en en-tête de fichier ou dans un fichier dédié avec .css comme extension.
Il existe d'ailleurs des éditeurs de Css assez performants et gratuits (ou presque).

Je dois faire une erreur. Après avoir mis en en-tête les lignes que tu m'as données j'ai tapé
<a:hover href="Accueil.html">Retour&agrave; l'accueil </a:hover>
Le lien ne prend pas . Où est mon erreur ?
Merci...
Albert
 
pas besoin d'ajouter le ":hover" dans ta balise <a>
ce qu'il y a après le ":" sont des propriétés prédéfinies de liens.

donc quand tu passes ta souris sur un lien, il va voir si la propriété hover est définie quelque part et applique le style
:)
 
kisco a dit:
pas besoin d'ajouter le ":hover" dans ta balise <a>
ce qu'il y a après le ":" sont des propriétés prédéfinies de liens.

donc quand tu passes ta souris sur un lien, il va voir si la propriété hover est définie quelque part et applique le style
:)


Donc j'ai tapé : <a href="Accueil.html">Retour...</a>

J'ai mis les styles entre <head> et </head>

et ça ne marche pas !

Albert
 
en fait il faut insérer les style dans une balise <style type="text/css">, cf ce fichier complet qui fonctionne :

Bloc de code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html lang="fr-ch" dir="ltr">
	<head>
		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
		<style type="text/css">
		a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000F00;
text-decoration: none;
}
a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFCC99;
text-decoration: none;
font-weight: normal;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: normal;
color: #FF00FF;
text-decoration: none;
}
a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
        </style>
		<title>
			test
		</title>
	</head>
	<body>
			<a href="http://www.macg.co">Super</a><br /><br />
			<a href="http://www.macg.co">non ?</a>
	</body>
</html>
 
kisco a dit:
en fait il faut insérer les style dans une balise <style type="text/css">, cf ce fichier complet qui fonctionne :

Bloc de code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html lang="fr-ch" dir="ltr">
	<head>
		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
		<style type="text/css">
		a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000F00;
text-decoration: none;
}
a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFCC99;
text-decoration: none;
font-weight: normal;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: normal;
color: #FF00FF;
text-decoration: none;
}
a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
        </style>
		<title>
			test
		</title>
	</head>
	<body>
			<a href="http://www.macg.co">Super</a><br /><br />
			<a href="http://www.macg.co">non ?</a>
	</body>
</html>

merci ça marche... je poursuis...
Albert
 
Une feuille de style étant définie,
est -il possible de définir un style particulier local. Qui a piorité ?
Albert
 
en faite precise ta question si tu veux dire pour un zone particuliere definir un style ,oui tu peux

en faite dans une de tes balise tu place la carac class=""

pour la balise <table> un exemple
donc sa donnerais
<table class="mon_tableau"

ensuite dans ta feuille de style tu rajoute

.mon_tableau
{
font-size: 14px;
background-image: url("");
border: 2px solid black;
}

voila le truc c'est que comme nom dans ta class tu met se que tu veux mais sans espaces remplace les par des "_" et dans ta feuille tu met le nom de ta class juste apres un point ensuite tu ouvre tes { } et tu rentre tout tes caracteristiques

mais autre chose pour eviter d'allonger ta page html tu met ta feuille de style sur un autre document
que tu appel mon.design.css

et ensuite tu l'appel entre les balise
<head></head>
<link rel="stylesheet" media="screen" type="text/css" title="Design " href="mon.design.css" />

et dans ton fichier mon.design.css tu rempli normalement

.mon_tableau
{

}

a: link

{

}