Problème d'alignement des infobulles
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Problème d'alignement des infobulles
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
Donc, voici le code :
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 !
Merci de me venir en aide
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
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&hl=fr_FR&fs=1&rel=0&color1=0x234900&color2=0x4e9e00"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/y2v-FbKdoHc&hl=fr_FR&fs=1&rel=0&color1=0x234900&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
Re: Problème d'alignement des infobulles
Bonjour
J'ai juste placé vos infobulles dans un tableau sur deux lignes.
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://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></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://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>
</td>
<td>
<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>
</td></tr>
<tr><td>
<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>
</td>
<td><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></tr></table>
</td>
<td>
<div align="center"><object width="250" height="250"><param name="movie" value="http://www.youtube.com/v/y2v-FbKdoHc&hl=fr_FR&fs=1&rel=0&color1=0x234900&color2=0x4e9e00"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/y2v-FbKdoHc&hl=fr_FR&fs=1&rel=0&color1=0x234900&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>
Re: Problème d'alignement des infobulles
Merci !!!!
Re: Problème d'alignement des infobulles
Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif |
Sujets similaires
» Problème avec mes infobulles.
» Problème avec les infobulles
» Problème avec les infobulles
» Infobulles
» Problème Images et Infobulles.
» Problème avec les infobulles
» Problème avec les infobulles
» Infobulles
» Problème Images et Infobulles.
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum