Problème avec les infobulles & tableaux

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

Résolu Problème avec les infobulles & tableaux

Message par Sanae le Ven 7 Juin 2013 - 21:58

Bonjour/bonsoir,

J'ai un petit soucis, voire grand. Je peine comme pas possible avec les codes HTML et CSS. Je me suis tentée dans les infobulles mais elles n’apparaissent pas côte à côte, je sous-entends que l'image de l'administratrice doit se retrouver en haut de la pyramide, suivis de deux modérateurs au milieu de la pyramide, puis de deux autres modérateurs pour le bas de la pyramide. Si il faut une image, je pourrai vous la faire.

Et, très souvent lorsque je me mets aux tableaux, le texte est complètement décalé comparé à son voisin, donc je me retrouve très souvent avec des textes dans tous les niveaux possibles et inimaginables.

Et avant de poser les questions, j'ai fait de nombreuses recherches mais je suis bien trop de fois foiré.

Serait-ce possible de m'aider à savoir mon erreur ? Je laisse ci-dessous les codes.

Je vous remercie d'avance ! Smile


Code:
<table border="0" cellpadding="0" cellspacing="1" width="90%">
<tbody><tr>
<td><center><br><div style="text-align: left;"><center>RENOUVELLEMENT DE LA PAGE D'ACCUEIL<br></center></div></center><center><br></center></td>
</tr>
</tbody></table><br><table border="0" cellpadding="1" cellspacing="1" width="100%">
<tbody><tr>
<td><table border="0" cellpadding="1" cellspacing="1" width="100%">
<tbody><tr>
<td><div style="text-align: center;"><span style="font-size: x-small;">Membres du STAFF<br><br><div class="infobulle"><img src="http://www.hostingpics.net/thumbs/91/02/86/mini_910286sanae1.png"><span>Sanae Hyuuga<br> Administrateur<br></span></div>
<br></span><span style="font-size: x-small;"><div class="infobulle"><img src="http://www.hostingpics.net/thumbs/59/06/05/mini_590605gak1.png"><span>Gakupo Chito<br>Modérateur au mauvais caractère</span></div><div class="infobulle"><img src="http://www.hostingpics.net/thumbs/28/17/35/mini_281735eva1.png"><span>Eva Tepes Kajj<br>Modératrice &amp; Correctrice</span></div><div class="infobulle"><img src="http://www.hostingpics.net/thumbs/33/11/13/mini_331113ed3.png"><span>Edward Kleith<br>Modérateur CB</span></div><div class="infobulle"><img src="http://www.hostingpics.net/thumbs/75/04/13/mini_750413ludi.png"><span>Ludicaël<br>Modérateur veillant à la bonne entente</span></div><br>
                </span></div>  </td>
<td style="text-align: center;">
<p style="margin-bottom: 0cm; text-align: justify;"><span style="font-family: Times New Roman;">Bienvenue {USER&amp;#8288;NAME}</span></p><p style="margin-bottom: 0cm; text-align: justify;"><span style="font-family: Times New Roman;"></span><br><span style="font-family: Times New Roman;"><span style="font-size: small;"><span style="TEXT-DECORATION: blink"><span style="color: PaleGreen;">/!\</span> Forum <span style="color: YellowGreen;">NC-16<span style="color: PaleGreen;"> /!\</span></span></span><span style="color: PaleGreen;"> </span></span></span></p><p style="margin-bottom: 0cm; text-align: justify;"><br><span style="font-family: Times New Roman;"></span><span style="font-family: Times New Roman;"><span style="font-size: small;"><span style="color: PaleGreen;"></span></span></span></p><div style="text-align: justify;"><span style="font-family: Times New Roman;"><span style="font-size: small;"></span><font size="1"><span style="font-size: small;">Après avoir lu le règlement, veuillez faire votre présentation. <br>Vous n'aurez qu'une semaine pour la faire, sous peine de suppression du compte. <br>Le nombre de lignes obligatoires est de 20, complètes et minimum.<br></span></font></span></div>
</td>
<td><div style="text-align: center;"><font size="1">Liens utiles<br><br><span style="font-size: x-small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="color: Black;"><a href="http://sokujitsu.forumactif.info/t1885-reglement-du-forum-a-lire">Règlement </a></span></span></span></span><br><span style="font-size: x-small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="color: Black;"><a href="http://sokujitsu.forumactif.info/f1-presentez-vous">Présentation </a></span></span></span></span><br><span style="font-size: x-small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="color: Black;"><a href="http://sokujitsu.forumactif.info/url=http://sokujitsu.forumactif.info/t1712-histoire-de-sokujitsu-a-venir"> Histoire </a></span></span></span></span><br><span style="font-size: x-small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="color: Black;"><a href="http://sokujitsu.forumactif.info/t1737-personnages-predefinis-en-cours"> Personnages prédéfinis </a></span></span></span></span><br><span style="font-size: x-small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="color: Black;"><a href="http://sokujitsu.forumactif.info/f121-mises-a-jours"> Mises à jour </a></span></span></span></span><br><span style="font-size: x-small;"><span style="font-size: x-small;"><span style="font-size: small;"><span style="color: Black;"><a href="http://sokujitsu.forumactif.info/f84-le-coin-des-membres"> Le coin des membres</a></span></span></span></span><br></font></div><font size="1">  </font><br></td>
</tr>
<tr>
<td><div style="text-align: center;"><font size="1">TOP-SITES</font><br></div><br><div style="text-align: center;"><span style="font-size: x-small;"><a href="http://www.root-top.com/topsite/virtu4lschool/in.php?ID=2013"><img src="http://img11.hostingpics.net/pics/699157pense.png"></a><a href="http://www.root-top.com/topsite/mary/in.php?ID=1937"><img src="http://img11.hostingpics.net/pics/699157pense.png"></a><a href="http://www.root-top.com/topsite/themagicalchoosehat/in.php?ID=188"><img src="http://img11.hostingpics.net/pics/699157pense.png"></a></span><br></div></td>
<td><iframe src="http://www.youtube.com/embed/z-rftpZ7kCY" allowfullscreen="" frameborder="0" height="94" width="200"></iframe><br></td>
<td>lululu<br></td>
</tr>
</tbody></table><br><br></td>
</tr>
</tbody></table>


Dernière édition par Sanae le Sam 8 Juin 2013 - 17:54, édité 1 fois

Sanae
***

Féminin
Messages : 103
Inscrit(e) le : 02/06/2007

http://sokujitsu.forumactif.info/index.htm
Sanae a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les infobulles & tableaux

Message par Sanae le Sam 8 Juin 2013 - 14:13

Je me permets un petit "UP" !

Sanae
***

Féminin
Messages : 103
Inscrit(e) le : 02/06/2007

http://sokujitsu.forumactif.info/index.htm
Sanae a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les infobulles & tableaux

Message par Anzu le Sam 8 Juin 2013 - 16:53

Bonjour,

Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné.

Je vous invite à lire :

A bientôt sur ForumActif Smile


Bonsoir,

Etant donné que vous avez trois "étages", chaque étage est représenté par un tr et le contenu par un td.
donc:

Code:
<table><tr><td>image de l'admin</td></tr>
<tr><td>Modo1</td><td>modo 2</td></tr>
<tr><td>Modo 3</td><td>Modo 4</td></tr></table>

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

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

Résolu Re: Problème avec les infobulles & tableaux

Message par Sanae le Sam 8 Juin 2013 - 17:19

Pardon pour le UP !

Donc, je dois faire un genre de code comme ça, si je veux l'effet infobulle ? Si c'est le cas, une des images est décallée comparés aux autres.

Code:
<table><tr><td><div class="infobulle"><img src="http://www.hostingpics.net/thumbs/91/02/86/mini_910286sanae1.png"><span>Sanae Hyuuga<br>Administrateur<br></span></div></td></tr><tr><td><div class="infobulle"><img src="http://www.hostingpics.net/thumbs/59/06/05/mini_590605gak1.png"><span>Gakupo Chito<br>Modérateur au mauvais caractère</span></div></td><td><div class="infobulle"><img src="http://www.hostingpics.net/thumbs/28/17/35/mini_281735eva1.png"><span>Eva Tepes Kajj<br>Modératrice &amp; Correctrice<br><br><br></span></div></td></tr><tr><td><div class="infobulle"><img src="http://www.hostingpics.net/thumbs/33/11/13/mini_331113ed3.png"><span>Edward Kleith<br>Modérateur CB</span></div><br></td><td><div class="infobulle"><img src="http://www.hostingpics.net/thumbs/75/04/13/mini_750413ludi.png"><span>Ludicaël<br>Modérateur veillant à la bonne entente<br><br><br></span></div></td></tr></table>

Sanae
***

Féminin
Messages : 103
Inscrit(e) le : 02/06/2007

http://sokujitsu.forumactif.info/index.htm
Sanae a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les infobulles & tableaux

Message par Anzu le Sam 8 Juin 2013 - 17:27


C'est le br qui se trouve juste avant le </td> Wink


Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

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

Résolu Re: Problème avec les infobulles & tableaux

Message par Sanae le Sam 8 Juin 2013 - 17:53

Ah ! D'accus' ! Merci beaucoup ! =)

Sanae
***

Féminin
Messages : 103
Inscrit(e) le : 02/06/2007

http://sokujitsu.forumactif.info/index.htm
Sanae 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