Infobulle qui ne souhaite pas s'aligner.

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

Résolu Infobulle qui ne souhaite pas s'aligner.

Message par Miya Yoshizumi le Jeu 13 Oct 2011 - 16:44

Bonjour, bonsoir, et oui c'est encore moi. x]
Donc oui aujourd'hui mon problème concerne des infobulles bien capricieuses qui ne souhaitent pas faire la paix avec moi. xD
Voilà une image de mon problème :

En fait, je souhaiterais juste avoir l'autre icône à côté de l'autre, mais .. Je sais pas, ils veulent juste pas aller l'un vers l'autre, j'avais beau à essayer, j'ai pas trouvé de solution potable. Donc je vous donne le code sans mes essais minables.. =/

Et voici le code que je utilise pour mes infobulles. ~
Spoiler:
Code:
<td style="vertical-align: top; width: 50%;">
<table cellspacing="2" cellpadding="2" border="0" style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;">
<tbody><tr><td rowspan="1" colspan="2" style="width:100%;"><span class="boxtitle">The Staff</span><div class="box"><div align="center"><div class="infobulle"><img style="border:2px solid LightSlateGray; border-left: 2px solid LightSlateGray;border-right: 2px solid LightSlateGray ;" src="http://img851.imageshack.us/img851/6281/iconpa.png" width="50" height="50"/>
<span><font color= LightSlateGray ><center>Accelerator <br><b>alias</b> Nyaccel</font><br><font color=Black ><div style="font-size:10px">Dans les yeux de cette gamine,<br> je resterais le plus fort ! <br>Ordure.</font></div><img src="http://img585.imageshack.us/img585/2056/iconpacolor.png"></center></div><div class="infobulle"><img style="border:2px solid SlateGray; border-left: 2px solid SlateGray;border-right: 2px solid SlateGray ;" src="http://img851.imageshack.us/img851/6281/iconpa.png" width="50" height="50" /><span><center><font color= SlateGray >Rin Okumura<br><b>alias</b> Rinette</font><br><font color=Black ><div style="font-size:10px">Qui mange du boeuf,...<br> Mange du boeuf..</font></div><br><img src="http://img585.imageshack.us/img585/2056/iconpacolor.png"></div></div></td></tr></table>

Merci à l'avance à celui ou celle qui m'aidera ! ^^


Dernière édition par Miya Yoshizumi le Dim 16 Oct 2011 - 22:02, édité 1 fois

Miya Yoshizumi
***

Féminin
Messages : 146
Inscrit(e) le : 21/03/2009

http://hunterXhunter-world.forumactif.com
Miya Yoshizumi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle qui ne souhaite pas s'aligner.

Message par Milouze14 le Ven 14 Oct 2011 - 6:37

Salut Miya Yoshizumi ,
tu peux donner la feuille de style.

Affichage/Images et Couleurs/Couleurs/Feuille de style
entre les balises s'il te plait Wink

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4564
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle qui ne souhaite pas s'aligner.

Message par Miya Yoshizumi le Ven 14 Oct 2011 - 12:46

Bonjour,
en fait, c'est pas un problème dans l'infobulle en général, m'enfin je m'exprime mal aussi.
En fait c'est que j'ai deux infobulles, mais j'aimerais que ces deux infobulles soit l'un à côté de l'autre et pas l'un au dessous de l'autre. >.<
Enfin si tu veux voir ça de plus près sur mon forum test. Car en fait le truc c'est que cela déforme ma page d'accueil et c'est pas très pratique. ^^'
Si y a besoin d'une meilleure explication, je veux bien faire un schéma pour ça. x)

Miya Yoshizumi
***

Féminin
Messages : 146
Inscrit(e) le : 21/03/2009

http://hunterXhunter-world.forumactif.com
Miya Yoshizumi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle qui ne souhaite pas s'aligner.

Message par tupac le Ven 14 Oct 2011 - 21:07

Bonsoir Miya Yoshizumi

Il vous faut les placer dans un tableau comme ceci.

Code:
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td> infobulle 1 </td><td> infobulle 2 </td>
</tr>
</table>

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

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

Résolu Re: Infobulle qui ne souhaite pas s'aligner.

Message par Miya Yoshizumi le Dim 16 Oct 2011 - 17:23

Bonsoir,
Hmm.. Je sais pas pourquoi mais ça fait que déformer ma page d'accueil.. >w<
J'ai bien essayé ce que vous m'avez proposé, mais ça m'a pas vraiment aidé..
Donc je sais pas si en vous donnant le code complet de mon tableau pourrait vous aider.. ^^'

Code:
<table style="position: fixed; bottom: 50px; left: 0px; z-index: 10000;"><tbody><tr><td><iframe src="/chatbox/chatbox.forum?page=front&amp;" id="chatboxpop" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe></td><td style="vertical-align: bottom;"><img src="http://img545.imageshack.us/img545/5205/openm.png" onclick="document.getElementById('chatboxpop').style.display=(this.src=='http://img545.imageshack.us/img545/5205/openm.png')?'block':'none';this.src=(this.src=='http://img545.imageshack.us/img545/5205/openm.png')?'http://img808.imageshack.us/img808/927/closeo.png':'http://img545.imageshack.us/img545/5205/openm.png';"></td></tr></tbody></table>

<table cellspacing="2" cellpadding="2" border="0" style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;">
<tr>
<td style="vertical-align: top; width: 50%;">
<table cellspacing="2" cellpadding="2" border="0" style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;">
<tbody><tr>
<td style="width: 50%; text-align: center; vertical-align: top;" rowspan="1" colspan="1">
<span class="boxtitle">The New's</span><div class="box"><span><marquee behavior="scroll" direction="up" scrollamount="1" height="60">BLAHBLAHBLAHBLAH</marquee></span></div>
</td></tr></tbody></table>

<table cellspacing="2" cellpadding="2" border="0" style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;">
<tbody><tr>
<td style="width: 50%; text-align: center; vertical-align: top;" rowspan="1" colspan="1">
<span class="boxtitle">We want new friends, do you want to be our friend too ?</span><div class="box"><center><i>Clic on these littles Weaviles and we will have new buddies for our plays :3</i><br><a href="http://www.root-top.com/topsite/obsession27/in.php?ID=16714"_blank"><img src="http://fc06.deviantart.net/fs70/f/2010/240/4/6/weavile_spin_2_by_zeroicons-d2xifqs.gif" border="0" alt="" /></a> <a href="http://www.root-top.com/topsite/azzare34/in.php?ID=6233"_blank"><img src="http://fc06.deviantart.net/fs70/f/2010/240/4/6/weavile_spin_2_by_zeroicons-d2xifqs.gif" border="0" alt="" /></a>  <a href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=1807"_blank"><img src="http://fc06.deviantart.net/fs70/f/2010/240/4/6/weavile_spin_2_by_zeroicons-d2xifqs.gif" border="0" alt="" /></a> <a href="http://www.root-top.com/topsite/miya/in.php?ID=1162"_blank"><img src="http://fc06.deviantart.net/fs70/f/2010/240/4/6/weavile_spin_2_by_zeroicons-d2xifqs.gif" border="0" alt="" /></a>
</center></div></td></tr></tbody></table></td>


<td style="vertical-align: top; width: 50%;">
<table cellspacing="2" cellpadding="2" border="0" style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;">
<tbody><tr><td rowspan="1" colspan="2" style="width:100%;"><span class="boxtitle">The Staff</span><div class="box"><div align="center"><div class="infobulle"><img style="border:2px solid LightSlateGray; border-left: 2px solid LightSlateGray;border-right: 2px solid LightSlateGray ;" src="http://img851.imageshack.us/img851/6281/iconpa.png" width="50" height="50"/>
<span><font color= LightSlateGray ><center>Accelerator <br><b>alias</b> Nyaccel</font><br><font color=Black ><div style="font-size:8px">Dans les yeux<br> de cette gamine,<br> je resterais le plus fort ! <br>Ordure.</font></div><img src="http://img585.imageshack.us/img585/2056/iconpacolor.png"></center></div>

<div class="infobulle"><img style="border:2px solid SlateGray; border-left: 2px solid SlateGray;border-right: 2px solid SlateGray ;" src="http://img851.imageshack.us/img851/6281/iconpa.png" width="50" height="50" /><span><center><font color= SlateGray >Rin Okumura<br><b>alias</b> Rinette</font><br><font color=Black ><div style="font-size:10px">Qui mange du boeuf,...<br> Mange du boeuf..</font></div><img src="http://img585.imageshack.us/img585/2056/iconpacolor.png"></div></div></td></tr></table>

<table cellspacing="2" cellpadding="2" border="0" style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;">
<tr><td style="width: 50%; vertical-align: top;"><span class="boxtitle">Quote of the month</span><div class="box"><center>...  ~</center>
</td>
<td style="vertical-align: top;"><span class="boxtitle">Our Friends</span><div class="box">Bouuuuhhh<br>Blablablablablabla<br>blablablablablabla<br>
Blablablablablabla<br></div>
</td></tr></tbody></table></td></tr></table>

<table cellspacing="0" cellpadding="0" border="0" style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;">
<tbody><tr><td rowspan="1" colspan="2" style="width:100%;"><span class="boxtitle">Notre boîte à musique</span><div class="box"><div align="center">BLAAHHHH </div></div></td></tr></table></tbody>

Miya Yoshizumi
***

Féminin
Messages : 146
Inscrit(e) le : 21/03/2009

http://hunterXhunter-world.forumactif.com
Miya Yoshizumi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle qui ne souhaite pas s'aligner.

Message par tupac le Dim 16 Oct 2011 - 17:51

Bonjour

Vous aviez oublié de fermer un TD et d'en ouvrir un deuxième et vous vous êtes compliqué la vie en plaçant 4 tableaux dans un alors qu'avec un seul vous auriez pu avoir le même résultat.

Spoiler:
Code:
        <table cellspacing="2" cellpadding="2" border="0" style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;">
        <tr>
        <td style="vertical-align: top; width: 50%;">
        <table cellspacing="2" cellpadding="2" border="0" style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;">
        <tbody><tr>
        <td style="width: 50%; text-align: center; vertical-align: top;" rowspan="1" colspan="1">
        <span class="boxtitle">The New's</span><div class="box"><span><marquee behavior="scroll" direction="up" scrollamount="1" height="60">BLAHBLAHBLAHBLAH</marquee></span></div>
        </td></tr></tbody></table>
       
        <table cellspacing="2" cellpadding="2" border="0" style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;">
        <tbody><tr>
        <td style="width: 50%; text-align: center; vertical-align: top;" rowspan="1" colspan="1">
        <span class="boxtitle">We want new friends, do you want to be our friend too ?</span><div class="box"><center><i>Clic on these littles Weaviles and we will have new buddies for our plays :3</i><br><a href="http://www.root-top.com/topsite/obsession27/in.php?ID=16714"_blank"><img src="http://fc06.deviantart.net/fs70/f/2010/240/4/6/weavile_spin_2_by_zeroicons-d2xifqs.gif" border="0" alt="" /></a> <a href="http://www.root-top.com/topsite/azzare34/in.php?ID=6233"_blank"><img src="http://fc06.deviantart.net/fs70/f/2010/240/4/6/weavile_spin_2_by_zeroicons-d2xifqs.gif" border="0" alt="" /></a>  <a href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=1807"_blank"><img src="http://fc06.deviantart.net/fs70/f/2010/240/4/6/weavile_spin_2_by_zeroicons-d2xifqs.gif" border="0" alt="" /></a> <a href="http://www.root-top.com/topsite/miya/in.php?ID=1162"_blank"><img src="http://fc06.deviantart.net/fs70/f/2010/240/4/6/weavile_spin_2_by_zeroicons-d2xifqs.gif" border="0" alt="" /></a>
        </center></div></td></tr></tbody></table>
    </td>
       
    <td style="vertical-align: top; width: 50%;">
        <table cellspacing="2" cellpadding="2" border="0" style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;">
        <tbody><tr><td align="center"><span class="boxtitle">The Staff</span><div class="box"><div align="center"><div class="infobulle"><img style="border:2px solid LightSlateGray; border-left: 2px solid LightSlateGray;border-right: 2px solid LightSlateGray ;" src="http://img851.imageshack.us/img851/6281/iconpa.png" width="50" height="50"/>
        <span><font color= LightSlateGray ><center>Accelerator <br><b>alias</b> Nyaccel</font><br><font color=Black ><div style="font-size:8px">Dans les yeux<br> de cette gamine,<br> je resterais le plus fort ! <br>Ordure.</font></div><img src="http://img585.imageshack.us/img585/2056/iconpacolor.png"></center></div>
      </td>
      <td align="center">       
        <div class="infobulle"><img style="border:2px solid SlateGray; border-left: 2px solid SlateGray;border-right: 2px solid SlateGray ;" src="http://img851.imageshack.us/img851/6281/iconpa.png" width="50" height="50" /><span><center><font color= SlateGray >Rin Okumura<br><b>alias</b> Rinette</font><br><font color=Black ><div style="font-size:10px">Qui mange du boeuf,...<br> Mange du boeuf..</font></div><img src="http://img585.imageshack.us/img585/2056/iconpacolor.png"></div></div></td></tr></table>
       
        <table cellspacing="2" cellpadding="2" border="0" style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;">
        <tr><td style="width: 50%; vertical-align: top;"><span class="boxtitle">Quote of the month</span><div class="box"><center>...  ~</center>
        </td>
        <td style="vertical-align: top;"><span class="boxtitle">Our Friends</span><div class="box">Bouuuuhhh<br>Blablablablablabla<br>blablablablablabla<br>
        Blablablablablabla<br></div>
        </td></tr></tbody></table></td></tr></table>
       
        <table cellspacing="0" cellpadding="0" border="0" style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;">
        <tbody><tr><td rowspan="1" colspan="2" style="width:100%;"><span class="boxtitle">Notre boîte à musique</span><div class="box"><div align="center">BLAAHHHH </div></div></td></tr></table>

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

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

Résolu Re: Infobulle qui ne souhaite pas s'aligner.

Message par Miya Yoshizumi le Dim 16 Oct 2011 - 18:09

Bonsoir,
merci, effectivement ça résouds mon problème et le tableau est plus simple, mais maintenant ça m'en crée un autre. Car maintenant un des infobulles se trouve en dehors du cadre. xD
Donc c'est un peu embêtant. >.<

Miya Yoshizumi
***

Féminin
Messages : 146
Inscrit(e) le : 21/03/2009

http://hunterXhunter-world.forumactif.com
Miya Yoshizumi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle qui ne souhaite pas s'aligner.

Message par tupac le Dim 16 Oct 2011 - 21:18

Pouvez-vous me donner un lien vers votre forum svp pour que je puisse voir la disposition de chaque éléments pour pouvoir refaire le tableau.

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

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

Résolu Re: Infobulle qui ne souhaite pas s'aligner.

Message par Miya Yoshizumi le Dim 16 Oct 2011 - 21:20

Bonsoir,
oui, voici mon forum test :http://og-rpg-test.forumactif.org/
J'espère ne pas causer trop de soucis avec mon problème.. >_<
Oh, et faut-il vraiment refaire un tableau ?.. Ahh.. c'est embêtant ça, n'y aurait-il pas un moyen bien plus simple que de le refaire ?

Miya Yoshizumi
***

Féminin
Messages : 146
Inscrit(e) le : 21/03/2009

http://hunterXhunter-world.forumactif.com
Miya Yoshizumi a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Infobulle qui ne souhaite pas s'aligner.

Message par tupac le Dim 16 Oct 2011 - 21:50

Voila c'est fait

Spoiler:
Code:
<table cellspacing="2" cellpadding="2" border="0" style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;">
<tr>
<td style="vertical-align: top; width: 50%;">

                <table cellspacing="2" cellpadding="2" border="0" style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;">
                <tbody><tr>
                <td style="width: 50%; text-align: center; vertical-align: top;" rowspan="1" colspan="1">
                <span class="boxtitle">The New's</span><div class="box"><span><marquee behavior="scroll" direction="up" scrollamount="1" height="60">BLAHBLAHBLAHBLAH</marquee></span></div>
                </td></tr></tbody></table>
             
<table cellspacing="2" cellpadding="2" border="0" style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;"><tbody><tr>

<td style="width: 50%; text-align: center; vertical-align: top;" rowspan="1" colspan="1">
                <span class="boxtitle">We want new friends, do you want to be our friend too ?</span><div class="box"><center><i>Clic on these littles Weaviles and we will have new buddies for our plays :3</i><br><a href="http://www.root-top.com/topsite/obsession27/in.php?ID=16714"_blank"><img src="http://fc06.deviantart.net/fs70/f/2010/240/4/6/weavile_spin_2_by_zeroicons-d2xifqs.gif" border="0" alt="" /></a> <a href="http://www.root-top.com/topsite/azzare34/in.php?ID=6233"_blank"><img src="http://fc06.deviantart.net/fs70/f/2010/240/4/6/weavile_spin_2_by_zeroicons-d2xifqs.gif" border="0" alt="" /></a>  <a href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=1807"_blank"><img src="http://fc06.deviantart.net/fs70/f/2010/240/4/6/weavile_spin_2_by_zeroicons-d2xifqs.gif" border="0" alt="" /></a> <a href="http://www.root-top.com/topsite/miya/in.php?ID=1162"_blank"><img src="http://fc06.deviantart.net/fs70/f/2010/240/4/6/weavile_spin_2_by_zeroicons-d2xifqs.gif" border="0" alt="" /></a></center></div>

</td></tr></tbody></table>

</td>
<td style="vertical-align: top; width: 50%;">
  <span class="boxtitle">The Staff</span>
      <div align="center" class="box">

<table cellspacing="0" cellpadding="0" border="0" style="width: 50%; text-align: left; margin-left: auto; margin-right: auto;">
<tbody><tr><td align="center">
    <div class="infobulle"><img style="border:2px solid LightSlateGray; border-left: 2px solid LightSlateGray;border-right: 2px solid LightSlateGray ;" src="http://img851.imageshack.us/img851/6281/iconpa.png" width="50" height="50"/>
                <span><font color= LightSlateGray ><center>Accelerator <br><b>alias</b> Nyaccel</font><br><font color=Black ><font size=1>Dans les yeux<br> de cette gamine,<br> je resterais le plus fort ! <br>Ordure.</font><img src="http://img585.imageshack.us/img585/2056/iconpacolor.png"></center></div>
              </td>
              <td align="center">     
                <div class="infobulle"><img style="border:2px solid SlateGray; border-left: 2px solid SlateGray;border-right: 2px solid SlateGray ;" src="http://img851.imageshack.us/img851/6281/iconpa.png" width="50" height="50" /><span><center><font color= SlateGray >Rin Okumura<br><b>alias</b> Rinette</font><br><font color=Black ><div style="font-size:10px">Qui mange du boeuf,...<br> Mange du boeuf..</font></div><img src="http://img585.imageshack.us/img585/2056/iconpacolor.png"></div></div></td></tr></table></div>
             
                <table cellspacing="2" cellpadding="2" border="0" style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;">
                <tr><td style="width: 50%; vertical-align: top;"><span class="boxtitle">Quote of the month</span><div class="box"><center>...  ~</center>
                </td>
                <td style="vertical-align: top;"><span class="boxtitle">Our Friends</span><div class="box">Bouuuuhhh<br>Blablablablablabla<br>blablablablablabla<br>
                Blablablablablabla<br></div>
                </td></tr></tbody></table></td></tr></table>
             
                <table cellspacing="0" cellpadding="0" border="0" style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;">
                <tbody><tr><td rowspan="1" colspan="2" style="width:100%;"><span class="boxtitle">Notre boîte à musique</span><div class="box"><div align="center">BLAAHHHH </div></div></td></tr></table>

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

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

Résolu Re: Infobulle qui ne souhaite pas s'aligner.

Message par Miya Yoshizumi le Dim 16 Oct 2011 - 22:02

Bonsoir,
Oh ! Merci ! C'est splendide ! Merci infiniment Tupac ! ^-^
Grâce à vous, j'ai un code plus simple et mes problèmes sont résolus ! Merci encore Tupac ! ^^

Miya Yoshizumi
***

Féminin
Messages : 146
Inscrit(e) le : 21/03/2009

http://hunterXhunter-world.forumactif.com
Miya Yoshizumi 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