Problème d'alignement des infobulles

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

Résolu Problème d'alignement des infobulles

Message par Julianne VanHolsen le Mar 14 Juin 2011 - 4:48

Bonjour ^^

Voilà, une de mes administratrices et moi-même travaillons depuis des semaines sur des infobulles dans la news. Nous avons enfin réussit (Dieu soit loué ! lol). Le problème, c'est que nous n'arrivons pas à mettre les images une à côté de l'autre ... Avec les infobulles, les avatars se placent un sous l'autre et cela allonge inutilement la news. Donc, nous aimerions mettre les trois premiers minis avatars sur la ligne du haut et les deux derniers juste en dessous.

J'ai beau tenter de trouver le problème dans le code ... je ne vois rien. Je ne suis pas très douée dans le CSS et les templates et tout le charabia ... Si quelqu'un pourrait regarder mon code et me pister, ce serait fortement apprécié et vous seriez mes héros jusqu'à la fin de mes jours Laughing

Donc, voici le code :

Code:
<p align="center"><table border="1" cellspacing="0" width="600">  <tr>    <td><div align="center"> <font face="Impact"><span style="font-size: 18px; line-height: normal">Équipe Administrative</span></font><p><div class="infobulle"><img src="http://www.lesavatars.com/Smile/Liv%20Tyler/liv_tyler5.jpg">
<span><a href="http://s3.photobucket.com/albums/y73/poudlard2005/?action=view&amp;current=arwen_a_GIFSoupcom.gif" target="_blank"><img src="http://i3.photobucket.com/albums/y73/poudlard2005/arwen_a_GIFSoupcom.gif" border="0" alt="Photobucket"></a><div align="center">Julianne VanHolsen</div><a href="http://moav.forums-actifs.com/privmsg?mode=post&u=1">Contact ME</a>/<a href="http://moav.forums-actifs.com/t61-julianne-noble-descendante-de-rowena-serdaigle">Moi</a></span></div><div class="infobulle"><img src="http://avatars.qkype.com/free-avatars/avatars/celebrities_224/hot_girls_401/eliza_dushku_avatar_100x100_88572.jpg">
<span><a href="http://s3.photobucket.com/albums/y73/poudlard2005/?action=view&amp;current=nazelie_a_GIFSoupcom.gif" target="_blank"><img src="http://i3.photobucket.com/albums/y73/poudlard2005/nazelie_a_GIFSoupcom.gif" border="0" alt="Photobucket"></a><div align="center">Nazélie Lestrange</div><a href="http://moav.forums-actifs.com/privmsg?mode=post&u=46">Contact ME</a>/<a href="http://moav.forums-actifs.com/t286-nazelie-lestrange-a-terminer">Moi</a></span></div><div class="infobulle"><img src="http://img101.imageshack.us/img101/6452/taliscopy.jpg" border="0" alt="" />
<span><a href="http://s3.photobucket.com/albums/y73/poudlard2005/?action=view&amp;current=talisman_a_GIFSoupcom.gif" target="_blank"><img src="http://i3.photobucket.com/albums/y73/poudlard2005/talisman_a_GIFSoupcom.gif" border="0" alt="Photobucket"></a><div align="center">Talisman Malefoy</div><a href="http://moav.forums-actifs.com/privmsg?mode=post&u=3">Contact ME</a>/<a href="http://moav.forums-actifs.com/t62-talisman-malefoy">Moi</a></span></div><div class="infobulle"><img src="http://img857.imageshack.us/img857/8034/arianecopy.jpg" border="0" alt="" /><span><a href="http://s3.photobucket.com/albums/y73/poudlard2005/?action=view&amp;current=ariane_a_GIFSoupcom.gif" target="_blank"><img src="http://i3.photobucket.com/albums/y73/poudlard2005/ariane_a_GIFSoupcom.gif" border="0" alt="Photobucket"></a></a><div align="center">Ariane Redhole</div><a href="http://moav.forums-actifs.com/privmsg?mode=post&u=177">Contact ME</a>/<a href="http://moav.forums-actifs.com/t906-ariane-redhole">Moi</a></span>
</a></div><div class="infobulle"><img src="http://img62.imageshack.us/img62/1863/ovcopy.jpg" border="0" alt="" /><span><a href="http://s3.photobucket.com/albums/y73/poudlard2005/?action=view&amp;current=ovide_a_GIFSoupcom.gif" target="_blank"><img src="http://i3.photobucket.com/albums/y73/poudlard2005/ovide_a_GIFSoupcom.gif" border="0" alt="Photobucket"></a></a><div align="center">Ovide Barrière</div><a href="http://moav.forums-actifs.com/privmsg?mode=post&u=161">Contact ME</a>/<a href="http://moav.forums-actifs.com/t831-ovide-barriere">Moi</a></span>
</a></div><td><div align="center"><object width="250" height="250"><param name="movie" value="http://www.youtube.com/v/y2v-FbKdoHc&amp;hl=fr_FR&amp;fs=1&amp;rel=0&amp;color1=0x234900&amp;color2=0x4e9e00"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/y2v-FbKdoHc&amp;hl=fr_FR&amp;fs=1&amp;rel=0&amp;color1=0x234900&amp;color2=0x4e9e00" type="application/x-shockwave-flash"allowscriptaccess="always" allowfullscreen="true" width="250" height="250"></object></div></td><tr><td colspan="2"><div align="center">+~  Nous sommes en Mai 2001 ~+<marquee style="width: 360px; height: 70px;" scrollamount="1" direction="up" height="47">RECHERCHÉS : Étudiants de Poudlard, James Potter, les Weasley, personnages pour les sections future; fondateurs, Maraudeurs et parallèle</marquee></div></td>
  </tr>
</div></td> </tr></table>

Pour vous donnez une idée, voici en spoiler ce que cela donne ... vous voyez, les minis avatars sont un par dessus l'autre ... grrrrrrr !

Spoiler:

Merci de me venir en aide Smile

Julianne VanHolsen
Nouveau membre

Messages : 20
Inscrit(e) le : 11/07/2008

http://moav.forums-actifs.com
Julianne VanHolsen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'alignement des infobulles

Message par tupac le Mar 14 Juin 2011 - 5:12

Bonjour

J'ai juste placé vos infobulles dans un tableau sur deux lignes.

Spoiler:
Code:
<table align="center" border="1" cellspacing="0" width="600"> 
<tr><td>
  <div align="center"><font face="Impact"><span style="font-size: 18px; line-height: normal">Équipe Administrative</span></font>

 <table><tr><td>
  <div class="infobulle"><img src="http://www.lesavatars.com/Smile/Liv%20Tyler/liv_tyler5.jpg">
    <span><a href="http://s3.photobucket.com/albums/y73/poudlard2005/?action=view&amp;current=arwen_a_GIFSoupcom.gif" target="_blank"><img src="http://i3.photobucket.com/albums/y73/poudlard2005/arwen_a_GIFSoupcom.gif" border="0" alt="Photobucket"></a><div align="center">Julianne VanHolsen</div><a href="http://moav.forums-actifs.com/privmsg?mode=post&u=1">Contact ME</a>/<a href="http://moav.forums-actifs.com/t61-julianne-noble-descendante-de-rowena-serdaigle">Moi</a></span></div></td>

<td>
  <div class="infobulle"><img src="http://avatars.qkype.com/free-avatars/avatars/celebrities_224/hot_girls_401/eliza_dushku_avatar_100x100_88572.jpg">
    <span><a href="http://s3.photobucket.com/albums/y73/poudlard2005/?action=view&amp;current=nazelie_a_GIFSoupcom.gif" target="_blank"><img src="http://i3.photobucket.com/albums/y73/poudlard2005/nazelie_a_GIFSoupcom.gif" border="0" alt="Photobucket"></a><div align="center">Nazélie Lestrange</div><a href="http://moav.forums-actifs.com/privmsg?mode=post&u=46">Contact ME</a>/<a href="http://moav.forums-actifs.com/t286-nazelie-lestrange-a-terminer">Moi</a></span></div>
</td>
<td>
  <div class="infobulle"><img src="http://img101.imageshack.us/img101/6452/taliscopy.jpg" border="0" alt="" />
    <span><a href="http://s3.photobucket.com/albums/y73/poudlard2005/?action=view&amp;current=talisman_a_GIFSoupcom.gif" target="_blank"><img src="http://i3.photobucket.com/albums/y73/poudlard2005/talisman_a_GIFSoupcom.gif" border="0" alt="Photobucket"></a><div align="center">Talisman Malefoy</div><a href="http://moav.forums-actifs.com/privmsg?mode=post&u=3">Contact ME</a>/<a href="http://moav.forums-actifs.com/t62-talisman-malefoy">Moi</a></span></div>
</td></tr>
<tr><td>
    <div class="infobulle"><img src="http://img857.imageshack.us/img857/8034/arianecopy.jpg" border="0" alt="" /><span><a href="http://s3.photobucket.com/albums/y73/poudlard2005/?action=view&amp;current=ariane_a_GIFSoupcom.gif" target="_blank"><img src="http://i3.photobucket.com/albums/y73/poudlard2005/ariane_a_GIFSoupcom.gif" border="0" alt="Photobucket"></a></a><div align="center">Ariane Redhole</div><a href="http://moav.forums-actifs.com/privmsg?mode=post&u=177">Contact ME</a>/<a href="http://moav.forums-actifs.com/t906-ariane-redhole">Moi</a></span>
    </a></div>
</td>
<td><div class="infobulle"><img src="http://img62.imageshack.us/img62/1863/ovcopy.jpg" border="0" alt="" /><span><a href="http://s3.photobucket.com/albums/y73/poudlard2005/?action=view&amp;current=ovide_a_GIFSoupcom.gif" target="_blank"><img src="http://i3.photobucket.com/albums/y73/poudlard2005/ovide_a_GIFSoupcom.gif" border="0" alt="Photobucket"></a></a><div align="center">Ovide Barrière</div><a href="http://moav.forums-actifs.com/privmsg?mode=post&u=161">Contact ME</a>/<a href="http://moav.forums-actifs.com/t831-ovide-barriere">Moi</a></span>
    </a></div>
</td></tr></table>

</td>
<td>
  <div align="center"><object width="250" height="250"><param name="movie" value="http://www.youtube.com/v/y2v-FbKdoHc&amp;hl=fr_FR&amp;fs=1&amp;rel=0&amp;color1=0x234900&amp;color2=0x4e9e00"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/y2v-FbKdoHc&amp;hl=fr_FR&amp;fs=1&amp;rel=0&amp;color1=0x234900&amp;color2=0x4e9e00" type="application/x-shockwave-flash"allowscriptaccess="always" allowfullscreen="true" width="250" height="250"></object></div></td><tr><td colspan="2"><div align="center">+~  Nous sommes en Mai 2001 ~+<marquee style="width: 360px; height: 70px;" scrollamount="1" direction="up" height="47">RECHERCHÉS : Étudiants de Poudlard, James Potter, les Weasley, personnages pour les sections future; fondateurs, Maraudeurs et parallèle</marquee></div></td></tr></table>

</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: Problème d'alignement des infobulles

Message par Julianne VanHolsen le Mar 14 Juin 2011 - 16:52

Merci !!!! Smile

Julianne VanHolsen
Nouveau membre

Messages : 20
Inscrit(e) le : 11/07/2008

http://moav.forums-actifs.com
Julianne VanHolsen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'alignement des infobulles

Message par Anzu le Mar 14 Juin 2011 - 18:40

Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile

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.

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