Aligner des images dans le message d'accueil

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

Résolu Aligner des images dans le message d'accueil

Message par Kyou le Lun 12 Sep 2011 - 20:28

Bonjour, j'aimerais savoir comment faire pour que les petite image avec infobulle, se mettent l'une à coté les autres, dans la partie Staff, parce que là ca me met l'un en dessous l'autre regardez par vous même ici

Kyou
****

Messages : 307
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner des images dans le message d'accueil

Message par SoraNoHime le Mar 13 Sep 2011 - 1:55

Bonsoir

il suffit d'insérez chacune de vos infobulles dans un tableau ^^, chacune dans une cellule.

Cordialement.
Bonjour,

Afin de faciliter les recherches ultérieures, merci de respecter les règles concernant le titre de votre sujet. En effet, votre titre :
    - doit-être explicite (qui explique brièvement le problème),
    - ne doit pas être en majuscules,
    - ne doit pas contenir de mots trop généralistes : "aide" ; "help" ; "besoin d'aide" ; "problème"...

Merci de le modifier en cliquant sur le bouton :editer: de votre premier message. Wink

A bientôt sur ForumActif Smile

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner des images dans le message d'accueil

Message par Kyou le Mar 13 Sep 2011 - 6:39

Je m'y connais pas trop en tableau.

Kyou
****

Messages : 307
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner des images dans le message d'accueil

Message par SoraNoHime le Mar 13 Sep 2011 - 11:12

Pouvez-vous me fournir votre code ?

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner des images dans le message d'accueil

Message par Kyou le Mar 13 Sep 2011 - 19:00

Merci de votre aide, et voilà le code :
Spoiler:
Code:
<br><table border="0" width="100%">
  <tr>
      <td width="100%" colspan="4" valign="top">
        <img src="http://img838.imageshack.us/img838/915/023h.png" width="XXpx" height="XXpx" />
      </td>
  </tr>
 
  <tr>
      <td width="50%" colspan="2" valign="top">
        <div class="titre"><b><font face="RNS Baruta Black" size="3">Sound Horizon</font></b></div>
        <div class="contenu" style="height: 120px; overflow: auto;"><div align="justify"><font face="times new roman"><font color="#857689">Qui n'a jamais aimé les histoires fantastiques? Qui n'a jamais été attiré par un livre? Laissez-vous tenter, et pénétrez dans l'univers incroyable de Sound Horizon. Un volume passionnant qui vous réserve bien des surprises. On ne sait jamais dans quel monde on peut tomber. Ou bien comment sortir de son emprise. Ce que l'on sait seulement, c'est qu'une fois ouvert il est impossible d'en ressortir. Oserez-vous emprunter ce tome? C'est à vos risques et périls. Mais réfléchissez bien à deux fois avant d'agir. Car tout votre avenir en dépend. Dans ce monde, il n'y a aucun moyen de contacter le monde réel, vous êtes prisonnier à vie. Mouahahah o/</font><br><br>
Dans une bibliothèque non loin d'ici, se trouve un livre dit "magique". Un livre qui vous emmène dans un univers différent du vôtre, où il n'y a pas de limites. Seuls les chants de l'Horizon vous guideront à travers votre route... Mais prenez garde, car là où vous allez, le mal et le bien sont encore mélangés. Et il se pourrait que vous ayez à faire à eux. Alors avant qu'il ne soit trop tard, je préfère vous prévenir ; une fois le livre ouvert, on ne peut plus le refermer. Et vous resterez coincé à l'intérieur. L'histoire changera le cours du temps. Le présent deviendra futur. Mais avant de détourner votre route, écoutez l'histoire de l'enfant qui s'est perdu dans l'univers fantastique de « Sound Horizon » <a href="http://sound-horizon.forums-actifs.com/t1-l-histoire-du-livre">Suite ♦</a></font></div>
        </div>
      </td>
     
      <td width="25%" valign="top">
        <div class="titre"><font face="RNS Baruta Black" size="3"><b>New Diary</b></font></div>
        <div class="contenu" style="height: 120px; overflow: auto;"><div align="justify"><font face="times new roman"><font color="#857689"><b>Information</b></font> : <b>quinzes lignes</b> minimum. Les Postes Prédéfinis sont <b>disponibles</b>. Les personnages du livre : <b>avatars iréels</b> et les arrivants : <b>avatars réels</b>. Venez découvrir la <b>vidéo officiel</b> du forum : <a href="http://sound-horizon.forums-actifs.com/t27-teaser-de-sound-horizon#64">Teaser ♣</a><br>
<font color="#857689"><b>Ouverture<b></font> :
        </div></div></font>
      </td>
 
      <td width="25%" valign="top">
        <div class="titre"><font face="RNS Baruta Black" size="3"><b>Navigation</b></font></div>
        <div class="contenu">
            <div class="lien"><a href="http://sound-horizon.forums-actifs.com/t1-l-histoire-du-livre"><font face="times new roman" size="2" color="#BDB9BA">Histoire du Livre ♦  </font></a></div>
            <div class="lien"><a href="http://sound-horizon.forums-actifs.com/t2-les-regles-du-livre"><font face="times new roman" size="2" color="#FFFFFF">Réglement Général ♠  </font></a></div>
            <div class="lien"><a href="http://sound-horizon.forums-actifs.com/f3-chapitre-iii-qui-etes-vous"><font face="times new roman" size="2" color="#BDB9BA">Poste à Prendre ♣ </font></a></div><div class="lien"><a href="http://sound-horizon.forums-actifs.com/t15-bottins-des-avatars#46"><font face="times new roman" size="2" color="#FFFFFF">Bottins des Avatars ❄</font></div><div class="lien"><a href="http://sound-horizon.forums-actifs.com/t19-foire-aux-questions"><font face="times new roman" size="2" color="#BDB9BA">Foire aux Questions ●  </font></a></div><div class="lien"><a href="http://sound-horizon.forums-actifs.com/f23-chapitre-viii-meeticfr"><font face="times new roman" size="2" color="#FFFFFF">Partenariat & Co ♥ </font></a></div><div class="lien"><a href="http://sound-horizon.forums-actifs.com/f24-partie-invite"><font face="times new roman" size="2" color="#BDB9BA">Partie Invité ★</font></a></div></a></div>
        </div>
      </td>
  </tr>
 
  <tr>
      <td width="25%" valign="top">
        <div class="titre"><font face="RNS Baruta Black" size="3"><b>Les Bisounours</b></font></div>
        <div class="contenu"><div class="infobulle"><img src="http://img593.imageshack.us/img593/5268/sansre7hc.png"><br /><span><img src="http://img705.imageshack.us/img705/1036/sansre2xux.png"></a><br><img src="http://img148.imageshack.us/img148/3968/shnagival34.png"></a><br>La petite démone <b>Layla</b></span></div> <div class="infobulle"><img src="http://img98.imageshack.us/img98/3150/mikuhatsunechibibydeise.png"><br /><span><img src="http://img651.imageshack.us/img651/3243/sansre3v.png"></a><br><img src="http://img.photobucket.com/albums/v639/alpha-ryuu/asobot/miku11.png"></a><br>L'humaine particulière <b>Machaon</b></span></div><div class="infobulle"><img src="http://img41.imageshack.us/img41/1449/sansre4mm.png"><br /><span><img src="http://img705.imageshack.us/img705/1036/sansre2xux.png"></a><br><img src="http://img695.imageshack.us/img695/4417/sansre2gq.png"></a><br>La poupée qui parle <b>Elyx</b></span></div></div>
      </td>
     
      <td width="25%" valign="top">
        <div class="titre"><font face="RNS Baruta Black" size="3"><b>On veut jouer</b></font></div>
        <div class="contenu"><br><a href="http://sound-horizon.forums-actifs.com/t3-sound-horizon-seisen-no-iberia"><img src="http://img853.imageshack.us/img853/7130/sansre11pa.png"></a> <a href="http://sound-horizon.forums-actifs.com/t7-sound-horizon-elysion"><img src="http://img687.imageshack.us/img687/4299/sansre3kh.png"></a> <a href="http://sound-horizon.forums-actifs.com/t6-sound-horizon-marchen"><img src="http://img16.imageshack.us/img16/8827/sansre4ux.png"></a><br><br><a href="http://sound-horizon.forums-actifs.com/t9-sound-horizon-moira"><img src="http://img690.imageshack.us/img690/7255/sansre5gj.png"></a> <a href="http://sound-horizon.forums-actifs.com/t4-etranger"><img src="http://img823.imageshack.us/img823/7554/sansre61h.png"></a> <a href="http://sound-horizon.forums-actifs.com/t4-etranger"><img src="http://img692.imageshack.us/img692/452/sansre7v.png"></a><br><br></div>
      </td>
     
      <td width="25%" valign="top">
        <div class="titre"><font face="RNS Baruta Black" size="3"></b>Nos Copains</b></font></div>
        <div class="contenu">
        <div><br>
            <form name="Menuderoulant" method="POST">
                <input type="button" onClick="location =
              document.Menuderoulant.wxlmenu.options
              [document.Menuderoulant.wxlmenu.selectedIndex].value;"value="Go">
              <select name="wxlmenu" size="1">
              <option selected="selected">
                  Nos Partenaires
              </option>
              <option value="LIEN1" target="_blank">TEXTE1</option>
              <option value="LIEN2" target="_blank">TEXTE2</option>
              </select>
            </form>
        </div><br>
        <div><font face="times new roman"><b>Votez pour nous  ♥</font><b/><br>
        <a href="Lien du forum"><img src="http://img842.imageshack.us/img842/2968/sansre2kc.png"></a> <a href="Lien du forum"><img src="http://img842.imageshack.us/img842/2968/sansre2kc.png"></a> <a href="Lien du forum"><img src="http://img842.imageshack.us/img842/2968/sansre2kc.png"></a> <a href="Lien du forum"><img src="http://img842.imageshack.us/img842/2968/sansre2kc.png"></a> <a href="Lien du forum"><img src="http://img842.imageshack.us/img842/2968/sansre2kc.png"></a> <br><a href="Lien du forum"><img src="http://img842.imageshack.us/img842/2968/sansre2kc.png"></a> <a href="Lien du forum"><img src="http://img842.imageshack.us/img842/2968/sansre2kc.png"></a> <a href="Lien du forum"><img src="http://img842.imageshack.us/img842/2968/sansre2kc.png"></a> <a href="Lien du forum"><img src="http://img842.imageshack.us/img842/2968/sansre2kc.png"></a> <a href="Lien du forum"><img src="http://img842.imageshack.us/img842/2968/sansre2kc.png"></a> <br><br>
        </div>
        </div>
      </td>
     
      <td width="25%" valign="top">
        <div class="titre"><font face="RNS Baruta Black" size="3"><b>Pas touche</b></font></div>
        <div class="contenu"><br><img src="http://img855.imageshack.us/img855/6285/sansre2un.png"></a><br><div align="center"><font face="times new roman">~ PA de <b>Joo</b> (Sweet Box) ~</font></div><br></div></div>
      </td>
  </tr>
</table>

Kyou
****

Messages : 307
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner des images dans le message d'accueil

Message par Invité le Ven 23 Sep 2011 - 9:22

Bonjour,

Où en-est votre problème ?

Deux solutions :
  • Votre problème est résolu, dans ce cas pensez à nous le signaler en cochant l'icône résolu en éditant votre premier message,
  • Votre problème est toujours d'actualité, et dans ce cas pensez à faire des UP régulièrement, afin de ne pas voir votre sujet délesté,


A bientôt sur ForumActif Smile

Invité
Invité


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

Résolu Re: Aligner des images dans le message d'accueil

Message par Kyou le Ven 23 Sep 2011 - 18:05

Toujours aucune nouvelle o:

Kyou
****

Messages : 307
Inscrit(e) le : 03/03/2010

http://seventies.frenchboard.com/
Kyou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aligner des images dans le message d'accueil

Message par Invité le Ven 23 Sep 2011 - 18:28

Bonjour,

Essayez comme ceci:
Code:
<br><table border="0" width="100%">
  <tr>
      <td width="100%" colspan="4" valign="top">
        <img src="http://img838.imageshack.us/img838/915/023h.png" width="XXpx" height="XXpx" />
      </td>
  </tr>
 
  <tr>
      <td width="50%" colspan="2" valign="top">
        <div class="titre"><b><font face="RNS Baruta Black" size="3">Sound Horizon</font></b></div>
        <div class="contenu" style="height: 120px; overflow: auto;"><div align="justify"><font face="times new roman"><font color="#857689">Qui n'a jamais aimé les histoires fantastiques? Qui n'a jamais été attiré par un livre? Laissez-vous tenter, et pénétrez dans l'univers incroyable de Sound Horizon. Un volume passionnant qui vous réserve bien des surprises. On ne sait jamais dans quel monde on peut tomber. Ou bien comment sortir de son emprise. Ce que l'on sait seulement, c'est qu'une fois ouvert il est impossible d'en ressortir. Oserez-vous emprunter ce tome? C'est à vos risques et périls. Mais réfléchissez bien à deux fois avant d'agir. Car tout votre avenir en dépend. Dans ce monde, il n'y a aucun moyen de contacter le monde réel, vous êtes prisonnier à vie. Mouahahah o/</font><br><br>
Dans une bibliothèque non loin d'ici, se trouve un livre dit "magique". Un livre qui vous emmène dans un univers différent du vôtre, où il n'y a pas de limites. Seuls les chants de l'Horizon vous guideront à travers votre route... Mais prenez garde, car là où vous allez, le mal et le bien sont encore mélangés. Et il se pourrait que vous ayez à faire à eux. Alors avant qu'il ne soit trop tard, je préfère vous prévenir ; une fois le livre ouvert, on ne peut plus le refermer. Et vous resterez coincé à l'intérieur. L'histoire changera le cours du temps. Le présent deviendra futur. Mais avant de détourner votre route, écoutez l'histoire de l'enfant qui s'est perdu dans l'univers fantastique de « Sound Horizon » <a href="http://sound-horizon.forums-actifs.com/t1-l-histoire-du-livre">Suite ♦</a></font></div>
        </div>
      </td>
     
      <td width="25%" valign="top">
        <div class="titre"><font face="RNS Baruta Black" size="3"><b>New Diary</b></font></div>
        <div class="contenu" style="height: 120px; overflow: auto;"><div align="justify"><font face="times new roman"><font color="#857689"><b>Information</b></font> : <b>quinzes lignes</b> minimum. Les Postes Prédéfinis sont <b>disponibles</b>. Les personnages du livre : <b>avatars iréels</b> et les arrivants : <b>avatars réels</b>. Venez découvrir la <b>vidéo officiel</b> du forum : <a href="http://sound-horizon.forums-actifs.com/t27-teaser-de-sound-horizon#64">Teaser ♣</a><br>
<font color="#857689"><b>Ouverture<b></font> :
        </div></div></font>
      </td>
 
      <td width="25%" valign="top">
        <div class="titre"><font face="RNS Baruta Black" size="3"><b>Navigation</b></font></div>
        <div class="contenu">
            <div class="lien"><a href="http://sound-horizon.forums-actifs.com/t1-l-histoire-du-livre"><font face="times new roman" size="2" color="#BDB9BA">Histoire du Livre ♦  </font></a></div>
            <div class="lien"><a href="http://sound-horizon.forums-actifs.com/t2-les-regles-du-livre"><font face="times new roman" size="2" color="#FFFFFF">Réglement Général ♠  </font></a></div>
            <div class="lien"><a href="http://sound-horizon.forums-actifs.com/f3-chapitre-iii-qui-etes-vous"><font face="times new roman" size="2" color="#BDB9BA">Poste à Prendre ♣ </font></a></div><div class="lien"><a href="http://sound-horizon.forums-actifs.com/t15-bottins-des-avatars#46"><font face="times new roman" size="2" color="#FFFFFF">Bottins des Avatars ❄</font></div><div class="lien"><a href="http://sound-horizon.forums-actifs.com/t19-foire-aux-questions"><font face="times new roman" size="2" color="#BDB9BA">Foire aux Questions ●  </font></a></div><div class="lien"><a href="http://sound-horizon.forums-actifs.com/f23-chapitre-viii-meeticfr"><font face="times new roman" size="2" color="#FFFFFF">Partenariat & Co ♥ </font></a></div><div class="lien"><a href="http://sound-horizon.forums-actifs.com/f24-partie-invite"><font face="times new roman" size="2" color="#BDB9BA">Partie Invité ★</font></a></div></a></div>
        </div>
      </td>
  </tr>
 
  <tr>
      <td width="25%" valign="top">
        <div class="titre"><font face="RNS Baruta Black" size="3"><b>Les Bisounours</b></font></div>
        <div class="contenu"><table><tr><td><div class="infobulle"><img src="http://img593.imageshack.us/img593/5268/sansre7hc.png"><br /><span><img src="http://img705.imageshack.us/img705/1036/sansre2xux.png"></a><br><img src="http://img148.imageshack.us/img148/3968/shnagival34.png"></a><br>La petite démone <b>Layla</b></span></div></td><td> <div class="infobulle"><img src="http://img98.imageshack.us/img98/3150/mikuhatsunechibibydeise.png"><br /><span><img src="http://img651.imageshack.us/img651/3243/sansre3v.png"></a><br><img src="http://img.photobucket.com/albums/v639/alpha-ryuu/asobot/miku11.png"></a><br>L'humaine particulière <b>Machaon</b></span></div></td><td><div class="infobulle"><img src="http://img41.imageshack.us/img41/1449/sansre4mm.png"><br /><span><img src="http://img705.imageshack.us/img705/1036/sansre2xux.png"></a><br><img src="http://img695.imageshack.us/img695/4417/sansre2gq.png"></a><br>La poupée qui parle <b>Elyx</b></span></div></td></tr></table></div>
      </td>
     
      <td width="25%" valign="top">
        <div class="titre"><font face="RNS Baruta Black" size="3"><b>On veut jouer</b></font></div>
        <div class="contenu"><br><a href="http://sound-horizon.forums-actifs.com/t3-sound-horizon-seisen-no-iberia"><img src="http://img853.imageshack.us/img853/7130/sansre11pa.png"></a> <a href="http://sound-horizon.forums-actifs.com/t7-sound-horizon-elysion"><img src="http://img687.imageshack.us/img687/4299/sansre3kh.png"></a> <a href="http://sound-horizon.forums-actifs.com/t6-sound-horizon-marchen"><img src="http://img16.imageshack.us/img16/8827/sansre4ux.png"></a><br><br><a href="http://sound-horizon.forums-actifs.com/t9-sound-horizon-moira"><img src="http://img690.imageshack.us/img690/7255/sansre5gj.png"></a> <a href="http://sound-horizon.forums-actifs.com/t4-etranger"><img src="http://img823.imageshack.us/img823/7554/sansre61h.png"></a> <a href="http://sound-horizon.forums-actifs.com/t4-etranger"><img src="http://img692.imageshack.us/img692/452/sansre7v.png"></a><br><br></div>
      </td>
     
      <td width="25%" valign="top">
        <div class="titre"><font face="RNS Baruta Black" size="3"></b>Nos Copains</b></font></div>
        <div class="contenu">
        <div><br>
            <form name="Menuderoulant" method="POST">
                <input type="button" onClick="location =
              document.Menuderoulant.wxlmenu.options
              [document.Menuderoulant.wxlmenu.selectedIndex].value;"value="Go">
              <select name="wxlmenu" size="1">
              <option selected="selected">
                  Nos Partenaires
              </option>
              <option value="LIEN1" target="_blank">TEXTE1</option>
              <option value="LIEN2" target="_blank">TEXTE2</option>
              </select>
            </form>
        </div><br>
        <div><font face="times new roman"><b>Votez pour nous  ♥</font><b/><br>
        <a href="Lien du forum"><img src="http://img842.imageshack.us/img842/2968/sansre2kc.png"></a> <a href="Lien du forum"><img src="http://img842.imageshack.us/img842/2968/sansre2kc.png"></a> <a href="Lien du forum"><img src="http://img842.imageshack.us/img842/2968/sansre2kc.png"></a> <a href="Lien du forum"><img src="http://img842.imageshack.us/img842/2968/sansre2kc.png"></a> <a href="Lien du forum"><img src="http://img842.imageshack.us/img842/2968/sansre2kc.png"></a> <br><a href="Lien du forum"><img src="http://img842.imageshack.us/img842/2968/sansre2kc.png"></a> <a href="Lien du forum"><img src="http://img842.imageshack.us/img842/2968/sansre2kc.png"></a> <a href="Lien du forum"><img src="http://img842.imageshack.us/img842/2968/sansre2kc.png"></a> <a href="Lien du forum"><img src="http://img842.imageshack.us/img842/2968/sansre2kc.png"></a> <a href="Lien du forum"><img src="http://img842.imageshack.us/img842/2968/sansre2kc.png"></a> <br><br>
        </div>
        </div>
      </td>
     
      <td width="25%" valign="top">
        <div class="titre"><font face="RNS Baruta Black" size="3"><b>Pas touche</b></font></div>
        <div class="contenu"><br><img src="http://img855.imageshack.us/img855/6285/sansre2un.png"></a><br><div align="center"><font face="times new roman">~ PA de <b>Joo</b> (Sweet Box) ~</font></div><br></div></div>
      </td>
  </tr>
</table>
J'ai ouvert un tableau, une ligne et une cellule avant la première infobulle (<table><tr><td>) , entre chaque infobulle j'ai fermé une cellule et ouvert la cellule suivante(</td><td>) et à la dernière infobulle, j'ai fermé tout ce qui était ouvert (</td></tr></table>).

Cordialement.

Invité
Invité


Invité 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