J'ai mis ça entre les balises HEAD mais ça n'a pas marché !
<style>
<!--
A:hover { text-decoration: underline; }
-->
</style>
Version complète: sur le forum Webmaster Hub : Comment souligner un lien au survol de la souris sans utiliser CSS ?!
C'est pourtant bien du CSS, que tu viens d'utiliser.
Essaye toutefois de supprimer les balises de commentaire <!-- et -->, qui n'ont rien à y faire.
Essaye toutefois de supprimer les balises de commentaire <!-- et -->, qui n'ont rien à y faire.
CITATION
Comment souligner un lien au survol de la souris sans utiliser CSS ?!
Utiliser Flash, non ?
Dans quel but ? Quel est ton projet ?
C'est peut être le A majuscule qui pose problème ? ça devrait fonctionner normalement. As-tu essayé via un fichier css externe ?
Bonjour
En fait, tu souhaites faire un effet de présentation (souligner un lien) sans utiliser un langage de présentation (CSS).
Heu... c'est un peu comme si tu souhaitais carreler ta salle de bains, mais sans utiliser de carrelage
Le langage CSS est un des plus simples à apprendre, n'aies aucune apréhension
En fait, tu souhaites faire un effet de présentation (souligner un lien) sans utiliser un langage de présentation (CSS).
Heu... c'est un peu comme si tu souhaitais carreler ta salle de bains, mais sans utiliser de carrelage
Le langage CSS est un des plus simples à apprendre, n'aies aucune apréhension
Salut,
Je viens de tester ça, y a aucun problème. Même avec un A en majuscule. Par contre, faut faire attention avec les liens visités, selon l'ordre dont tu déclares le style, les effets ne se verront pas. Il faut d'abord les liens visités et après les liens survolés!
CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-style-type" content="text/css" />
<title>Test liens</title>
<style type="text/css">
<!--
body{
margin: 0;
padding: 0;
font-size: 100%;
}
a:link{
color: blue;
text-decoration: none;
}
a:visited{
color: yellow;
text-decoration: none;
}
a:active{
color: red;
text-decoration: none;
}
a:hover{
color: green;
text-decoration: underline;
}
-->
</style>
</head>
<body>
<p>
<a href="http://www.yahoo.fr">Premier lien</a> - <a href="http://www.google.com">Deuxième lien</a> -
<a href="http://www.live.com">Troisième lien</a> - <a href="http://www.unsitepasvisite.eu">Quatrième lien</a>
</p>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-style-type" content="text/css" />
<title>Test liens</title>
<style type="text/css">
<!--
body{
margin: 0;
padding: 0;
font-size: 100%;
}
a:link{
color: blue;
text-decoration: none;
}
a:visited{
color: yellow;
text-decoration: none;
}
a:active{
color: red;
text-decoration: none;
}
a:hover{
color: green;
text-decoration: underline;
}
-->
</style>
</head>
<body>
<p>
<a href="http://www.yahoo.fr">Premier lien</a> - <a href="http://www.google.com">Deuxième lien</a> -
<a href="http://www.live.com">Troisième lien</a> - <a href="http://www.unsitepasvisite.eu">Quatrième lien</a>
</p>
</body>
</html>
Je viens de tester ça, y a aucun problème. Même avec un A en majuscule. Par contre, faut faire attention avec les liens visités, selon l'ordre dont tu déclares le style, les effets ne se verront pas. Il faut d'abord les liens visités et après les liens survolés!
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.