L'image ne veut pas se centrer

[Inkheart]

Bonsoir ! Je tentais de faire un codage, tout marchait, mais lorsque j'ai changé le contour de l'icone de : Solid à Dotted, cette dernière n'est plus centrée.

De plus, je ne sais pas comment ça s'appelle... Mais, comment on fait pour mettre une image et que, lorsque nous passons le curseur dessus, une liste de mots comme : Mp, fiche personnage Etc. apparait et que, lorsque nous cliquons dessus, ce sont des liens. On voit souvent ça sur les pages d'accueils. Je ne sais pas si vous comprenez... Un peu comme ceci, mais avec des liens sur les mots

Spoiler:

Merci d'avance !
Cordialement, Inkheart

EDIT :

Code:

<center><table><td><div style="background-color: #C2C2C2; width: 216px; height: 30px; "><div style="margin: auto; text-align: left; width: 100%;border-bottom:1px dashed white ; font-size: 18px; line-height: normal; color: white; font-family:Times New Roman;"> [color=white]NOM + GROUPE[/color]</div></div>
<span style="border: 3px solid #C2C2C2; -moz-border-radius: 0px 0px 0px 0px; width: 100px; height: 100px; display: block;"><img src="http://i41.servimg.com/u/f41/14/41/25/94/sans_t22.png"></span>
<div style="width: 216px; height: 160px;background-color: #C2C2C2;overflow: auto;"><div style=" padding:5px; font-family: Times New Roman;color:dimgray;text-align:justify;font-size:10px;line-height:11px;"><span style="font-size:14px; text-shadow: 1px 1px 1px gray;color:white;"> TITRE </span><br>
Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla  Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla    </div></div></div></td>

<td><ul><div style="background-color: #C2C2C2; width: 216px; height: 30px; "><div style="margin: auto; text-align: left; width: 100%;border-bottom:1px dashed white  ; font-size: 18px; line-height: normal; color: white; font-family:Times New Roman;"> [color=white]NOM + GROUPE[/color]</div></div>
<span style="border: 3px solid #C2C2C2; -moz-border-radius: 0px 0px 0px 0px; width: 100px; height: 100px; display: block;"><img src="http://i41.servimg.com/u/f41/14/41/25/94/sans_t22.png"></span>
<div style="width: 216px; height: 160px;background-color: #C2C2C2;overflow: auto;"><div style=" padding:5px; font-family: Times New Roman;color:dimgray;text-align:justify;font-size:10px;line-height:11px;"><span style="font-size:14px; text-shadow: 1px 1px 1px gray;color:white;">TITRE</span>
<br>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla  Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla  </div></div></div></ul></td></table></center>

[Ea]

Bonjour,


Je ne vois rien n'étant pas centré.

Cordialement.

[Inkheart]

Comme je suis bête. J'ai oublié de mettre le code de ce que je voulais dire par : Il ne veut pas se centrer. Donc le voici :

Code:

<center><table><td><div style="background-color: #C2C2C2; width: 216px; height: 30px; "><div style="margin: auto; text-align: left; width: 100%;border-bottom:1px dashed white ; font-size: 18px; line-height: normal; color: white; font-family:Times New Roman;"> [color=white]NOM + GROUPE[/color]</div></div>
<span style="border: 3px solid #C2C2C2; -moz-border-radius: 0px 0px 0px 0px; width: 100px; height: 100px; display: block;"><img src="http://i41.servimg.com/u/f41/14/41/25/94/sans_t22.png"></span>
<div style="width: 216px; height: 160px;background-color: #C2C2C2;overflow: auto;"><div style=" padding:5px; font-family: Times New Roman;color:dimgray;text-align:justify;font-size:10px;line-height:11px;"><span style="font-size:14px; text-shadow: 1px 1px 1px gray;color:white;"> TITRE </span><br>
Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla  Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla    </div></div></div></td>

<td><ul><div style="background-color: #C2C2C2; width: 216px; height: 30px; "><div style="margin: auto; text-align: left; width: 100%;border-bottom:1px dashed white  ; font-size: 18px; line-height: normal; color: white; font-family:Times New Roman;"> [color=white]NOM + GROUPE[/color]</div></div>
<span style="border: 3px solid #C2C2C2; -moz-border-radius: 0px 0px 0px 0px; width: 100px; height: 100px; display: block;"><img src="http://i41.servimg.com/u/f41/14/41/25/94/sans_t22.png"></span>
<div style="width: 216px; height: 160px;background-color: #C2C2C2;overflow: auto;"><div style=" padding:5px; font-family: Times New Roman;color:dimgray;text-align:justify;font-size:10px;line-height:11px;"><span style="font-size:14px; text-shadow: 1px 1px 1px gray;color:white;">TITRE</span>
<br>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla  Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla  </div></div></div></ul></td></table></center>

et en image :

Spoiler:

je veux simplement center l'icone.
Merci ♥

[Ea]

Autour de l'image :

Code:

<span style="border: 3px solid #C2C2C2; -moz-border-radius: 0px 0px 0px 0px; width: 100px; height: 100px; display: block;">

Vous mettez un bloc de 100 pixels de large et de base un bloc est disposé à gauche.

Si vous voulez le centrer le bloc il faut mettre :

Code:

<span style="border: 3px solid #C2C2C2; -moz-border-radius: 0px 0px 0px 0px; width: 100px; height: 100px; display: block; margin:0 auto;">

De cette manière, les marges de gauche et droite s'égaliseront automatiquement afin que le bloc soit centré.

Pour le reste vous devriez trouver des informations en cherchant infobulle* ( mais d'habitude c'est au survol pas au clic ).

Cordialement.

[Inkheart]

Merci beaucoup. C'est exactement ce que je cherchais !