N'ayant pas toute les images et compagnie, je me suis juste "amusé" a changer la couleur sur le hover ... la solution que j'apporte est plutot contraignante d'un point de vue CSS et si tu ne connais pas tres bien ce "langage", tu risques de te battre un peu avec le positionnement :p
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"
[ Lien ]">
<html xmlns="
[ Lien ]" xml:lang="fr" lang="fr">
<head>
<title> Comment faire apparaître le menu en surbrillance ? </title>
<meta http-equiv="expires" content="0">
<style type="text/css" media="screen">
/* <![CDATA[ */
#menu {
position: relative;
width: 350px;
}
#menu a span.onglet {
width: 150px;
margin: 0 2px;
}
#menu a img.logo { /* c'est ici que tu fais les placements ... a toi de joue avec les float, les position absolute et compagnie ... */
float:right;
border: 2px ridge #999;
margin: 1px; padding: 2px;
}
#menu a {
color: red;
text-decoration: none;
}
#menu a:hover span.onglet {
color: green;
}
/* ]]> */
</style>
</head>
<div id="menu">
<a href="
[ Lien ]" title="Le moteur de recherche dont la réputation n'est plus à faire ...">
<span class="onglet">Google</span>
<img class="logo" src="
[ Lien ]" />
</a>
<a href="
[ Lien ]" title="Go to Exalead, le moteur de recherche Francais qu'il est bien !!!">
<span class="onglet">Exalead</span>
<img class="logo" src="
[ Lien ]" />
</a>
</div>
</body>
</html>
--------
Encore une petite remarque, n'utilises pas de tableau pour faire tes mises en page, le XHTML / CSS forment un tres beau couple ...
[ Lien ] pour des tutoriaux plutot bien fait et pas trop chiants ... autant prendre de bonnes habitudes tout de suite :o)
--=Capoueidiablo=--