Aligner des images dans le message d'accueil

2 participants

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 Lun 12 Sep - 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
avatar

Kyou
****

Messages : 310
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 Mar 13 Sep - 1:55

Bonsoir

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

Cordialement.
Aligner des images dans le message d'accueil Search10Bonjour,

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

SoraNoHime
Membre actif

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

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 Mar 13 Sep - 6:39

Je m'y connais pas trop en tableau.
avatar

Kyou
****

Messages : 310
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 Mar 13 Sep - 11:12

Pouvez-vous me fournir votre code ?

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

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

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 Mar 13 Sep - 19:00

Merci de votre aide, et voilà le code :
Spoiler:
avatar

Kyou
****

Messages : 310
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é Ven 23 Sep - 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
Anonymous

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 Ven 23 Sep - 18:05

Toujours aucune nouvelle o:
avatar

Kyou
****

Messages : 310
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é Ven 23 Sep - 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://illiweb.com/fa/pbucket.gif"></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.
Anonymous

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

- Sujets similaires

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