Problème d'alignement des infobulles

3 participants

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 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://illiweb.com/fa/pbucket.gif" target="_blank"><img src="http://illiweb.com/fa/pbucket.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://illiweb.com/fa/pbucket.gif" target="_blank"><img src="http://illiweb.com/fa/pbucket.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://illiweb.com/fa/pbucket.gif" target="_blank"><img src="http://illiweb.com/fa/pbucket.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://illiweb.com/fa/pbucket.gif" target="_blank"><img src="http://illiweb.com/fa/pbucket.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://illiweb.com/fa/pbucket.gif" target="_blank"><img src="http://illiweb.com/fa/pbucket.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

Julianne VanHolsen
Nouveau membre

Messages : 23
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 Mar 14 Juin 2011 - 5:12

Bonjour

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

Spoiler:
tupac

tupac
Membre actif

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

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

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

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

Merci !!!! Smile
Julianne VanHolsen

Julianne VanHolsen
Nouveau membre

Messages : 23
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 Mar 14 Juin 2011 - 18:40

Problème d'alignement des infobulles Check10Bonjour,

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


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton Problème d'alignement des infobulles 50378

A bientôt sur ForumActif Smile
Anzu

Anzu
Membre actif

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

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

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum