J'ai donné la partie du code qui gènere le background-color sur l'image. Mais voici tout le code source:
Exemple.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Un titre</title>
<style type="text/css" media="screen">@import "style.css";</style>
</head>
<body>
<p>Une ban:
<a href="index.html"><img src="http://www.google.fr/intl/fr_fr/images/logo.gif" alt="Test"/></a>
</p>
<p>Un lien:
<a href="#">Un lien!</a>
</p>
</body>
</html>
(Bon il est pas xhtml w3c validator only pour l'exemple) :]
et le style.css:
html {
position : absolute;
overflow : scroll;
}
body {
height : 50px;
font-family : Arial;
}
img {
border-width : none;
border : none;
border-style: none;
}
a:link {
color : red;
text-decoration : none;
font-weight : normal;
font-style : normal;
}
a:visited {
color : red;
text-decoration : none;
font-weight : normal;
font-style : normal;
}
a:hover {
color : #ffffff;
text-decoration : none;
background-color : green;
font-style : normal;
}
a:active {
color : green;
text-decoration : none;
font-style : normal;
}
Voila.
Si vous testez, vous remarquerez une barre en dessous du logo de google ! c'est cette barre que je veux retirer, et les a:* me gene :(
Merci de votre aide.
