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
 

da capo

abonné absent
Club MacG
12 Août 2001
17 458
3 593
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).
 
A

Anonyme

Invité
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
 
A

Anonyme

Invité
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
 

kisco

Membre expert
Club MacG
23 Mars 2001
5 032
640
39
Suisse
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
:)
 
A

Anonyme

Invité
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
 

kisco

Membre expert
Club MacG
23 Mars 2001
5 032
640
39
Suisse
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>
 
A

Anonyme

Invité
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
 
A

Anonyme

Invité
Une feuille de style étant définie,
est -il possible de définir un style particulier local. Qui a piorité ?
Albert
 

Mack_Os

Membre confirmé
10 Juin 2005
15
0
35
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

{

}