Problème pour centrer une bulle et un cadre dans un topic.

[Mohnn]

Bonjour tout le monde,

Je viens vous voir aujourd'hui car j'ai deux petits problèmes dans un code que je n'arrive pas à résoudre seule. J'ai eu beau chercher un peu partout je n'ai pas trouvé de solutions qui fonctionne.

Alors voilà je possède un forum de jeu et nous souhaitons dans certains de nos topics inclure tout en haut un cadre.

Problème 1 : Je n'arrive pas à le centrer (horizontal) dans le topic.
Problème 2 : Je n'arrive pas à centrer la bulle image avec l'avatar du personnage dans sa colonne.

Code:

<div style="width:500px; height:auto; margin:5px; border: 4px solid #333333; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;padding-left: 20px; padding: 5px;"><div style="text-align: center;">
<span style="font-family: Fixedsys;"><span style="font-style: italic;"><font size="5">~ July ~</font></span></span><br><span style="font-family: Comic Sans MS;"><br></span></div><table><span style="font-family: Comic Sans MS;">
</span><tbody><tr><td style="img-align: center;" rowspan="1" valign="top" width="300"><span style="display: block; -align: center; width: 150px; height: 150px; border-radius: 100px; border: 2px solid #4BB5C1; background: url(http://r19.imgfast.net/users/1911/11/51/43/avatars/11-5.jpg);"></span><br></td><td style="text-align: center;" rowspan="2" valign="top" width="300"><div style="border: 3px ; letter-spacing: 1px; font-size: 10px; font-family: " monotype="" corsiva"=""><font size="2"><span style="font-family: Comic Sans MS;"><span style="text-decoration: underline;">Emploi à Otsu</span> : Infirmier
<br><br><span style="text-decoration: underline;">Age</span> : Indéfini, en apparence il a 18 ans.
<br><br><span style="text-decoration: underline;">Espèce</span> : Vampire </span></font></div></td>
<td rowspan="3" valign="top" width="300"><div style="border: 3px ; letter-spacing: 1px; font-size: 10px; font-family: " monotype="" corsiva"="">
<span style="font-family: Comic Sans MS;"><span style="display: block; text-align: center; font-size: 15px; front-family: Comic Sans MS; color: #320E15; padding-top: 5px;"><br><a href="http://otsu.forumactif.com/t436-jul-july">Fiche Personnage</a><br><br><a href="http://otsu.forumactif.com/sta/july">Fiche Rp</a></span></span></div></td>
</tr></tbody></table></div>


Merci d'avance pour vos lumières.

Mohnn.

[Matriochka]

Bonjour,

Dans ton code, utiliser margin:auto; sur ta div principale.

Concernant l’image, là par contre je ne comprends pas, pourrais-tu mieux expliquer ?

[Mohnn]

Un grand merci !!!

Mon tableau est divisé en 3 colonnes, dans la première il y a une bulle contenant l'avatar du personnage. Elle était aligné à droite et je ne trouvais pas le moyen de la mettre au milieu.

Ta solution à centré mon cadre, du coup par curiosité j'ai ajouté ce code dans le code gérant la bulle qui l'a également centré.

Du coup tu as résolu mes deux soucis, et je t'en remercie une nouvelle fois.

A bientôt !