Alignement image avec texte, image survolé

Bonjour à tous

Encore une petite question pour moi

Je n'arrive pas à centrer une image qui change lors d'un survol, avec du texte

Voici mon code

#fleche_droit a {
display: block;
width: 20px;
height: 20px;
background-image: url(image/droit_gris.gif);
margin-left: 30px;
}

#fleche_droit a:hover{
display: block;
width: 20px;
height: 20px;
background-image: url(image/droit_bleu.gif);
margin-left: 30px;
}

#fleche_droit img{
vertical-align: middle;
border: 0;
}

#fleche_gauche a {
display: block;
width: 20px;
height: 20px;
background-image: url(image/gauche_gris.gif);
margin-left: 30px;
}

#fleche_gauche a:hover{
display: block;
width: 20px;
height: 20px;
background-image: url(image/gauche_bleu.gif);
margin-left: 30px;
}

#fleche_gauche img{
vertical-align: middle;
border: 0;
}

Le "margin-left: 30px;" n'est qu'un calcul, avec ce qui rendais le mieux, mais de toute façon ça marche, mais c'est de la bidouille

Ce qui se passe donc, c'est que j'ai ma flèche en haut, lors du survol passe en bleu (donc niquel), mais le texte (retour et suivant ici) son en dessous, de plus les images sont collé sur la gauche du tableau.

A noter au passage, qu'avant j'utiliser le onMouseOver, et out, mais mon site ne répondé plus aux normes W3C.

Merci
Modifié par yoshimitsu (08 Jun 2006 - 19:26)

UP

J'ai oublié quelques choses ? ^^

yoshimitsu a écrit :
UP

J'ai oublié quelques choses ? ^^

Salut

Eventuellement un lien vers ta page !

A+

La c'est pas que je veux pas, c'est que je peux pas

J'ai changé d'hébergeur cette nuit, pour opter vers un qui à une plus grande capacité d'espace disque, dés qu'il repart je vous dit
Modifié par yoshimitsu (09 Jun 2006 - 15:58)