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

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

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

Message par Mohnn le Sam 24 Aoû 2013 - 15:33

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.


Dernière édition par Mohnn le Sam 24 Aoû 2013 - 23:29, édité 1 fois

Mohnn
***

Féminin
Messages : 105
Inscrit(e) le : 21/05/2011

http://otsu.forumactif.com/forum
Mohnn a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème pour centrer une bulle et un cadre dans un topic.

Message par Matriochka le Sam 24 Aoû 2013 - 19:48

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 ?

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Problème pour centrer une bulle et un cadre dans un topic.

Message par Mohnn le Sam 24 Aoû 2013 - 23:29

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 !

Mohnn
***

Féminin
Messages : 105
Inscrit(e) le : 21/05/2011

http://otsu.forumactif.com/forum
Mohnn 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