L'image ne veut pas se centrer

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu L'image ne veut pas se centrer

Message par Inkheart le Sam 21 Avr 2012 - 23:28

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>


Dernière édition par Inkheart le Dim 22 Avr 2012 - 15:08, édité 2 fois

Inkheart
**

Féminin
Messages : 78
Inscrit(e) le : 16/02/2010

http://mad-world.forum-canada.com/
Inkheart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: L'image ne veut pas se centrer

Message par Ea le Sam 21 Avr 2012 - 23:42

Bonjour,


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

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23428
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: L'image ne veut pas se centrer

Message par Inkheart le Sam 21 Avr 2012 - 23:47

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 ♥

Inkheart
**

Féminin
Messages : 78
Inscrit(e) le : 16/02/2010

http://mad-world.forum-canada.com/
Inkheart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: L'image ne veut pas se centrer

Message par Ea le Dim 22 Avr 2012 - 0:06

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.

Ea
Aidactif
Aidactif

Messages : 23428
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: L'image ne veut pas se centrer

Message par Inkheart le Dim 22 Avr 2012 - 0:11

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

Inkheart
**

Féminin
Messages : 78
Inscrit(e) le : 16/02/2010

http://mad-world.forum-canada.com/
Inkheart a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum