Mettre deux infobulles cote a cote.

[zeichen]

Grace a votre aide, j'ai réussi a inserer une infobulle dans mon tableau a onglet, mais je n'arrive pas a en mettre deux cotes a cotes, des que je remet comme pour faire un deuxieme infobulle, cela me le met en dessous et non a coté.
Comment faire ?
Merci.

[zeichen]

Voici mon code HTML. (si par la meme occasion vous voyez un truc qui fait que les 3 derniers onglet sont plus large que le 1er, sa serais sympa de me le corriger)

Code:

<table style="margin: auto;"><tr><td style="padding-bottom: 4px;" align="center"><div id="mes_onglets">    <span id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Les administratrices </span>        <span id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Onglet 2</span>        <span id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Onglet 3</span>        <span id="o_4" class="mon_onglet" onclick="changeOnglet(this);">Onglet 4</span></td></tr><tr><td>        <div class="clear"><div id="mes_contenus">    <div id="co_1" class="mon_contenu">

<table><tr><td><div class="lock"><img src="http://i43.servimg.com/u/f43/16/83/59/78/amanda18.jpg" /><div class="lock-hidden"><span style="font-size: 18px; line-height: normal">Vicky R. Piotrovski </span><br><br>Admin tarée <br><br><img src="http://i43.servimg.com/u/f43/16/83/59/78/2urvyb10.jpg" /></div></div></td></tr></table>
</div></div></div></div></td></tr></table>




  <div id="co_2" class="mon_contenu" style="display: none;"><table><tr><td><div class="lock"><img src="http://i43.servimg.com/u/f43/16/83/59/78/amanda18.jpg" /><div class="lock-hidden"><span style="font-size: 18px; line-height: normal">Vicky R. Piotrovski </span><br><br>Admin tarée <br><br><img src="http://i43.servimg.com/u/f43/16/83/59/78/2urvyb10.jpg" /></div></div></td></tr></table>
</div>    <div id="co_3" class="mon_contenu" style="display: none;">Mon contenu 3</div>    <div id="co_4" class="mon_contenu" style="display: none;">Mon contenu 4</div></div></div></div></td></tr></table>

[Invité]

Bonjour,

Merci de penser à utiliser le bouton !

Vous avez bien commencé, puisque votre infobulle est dans un tableau, il suffit donc d'ajouter une cellule au tableau pour mettre le code de la deuxième infobulle. Une cellule est comprise entre <td> et </td> et se trouve toujours avant </tr> .

Code:

<table style="margin: auto;"><tr><td style="padding-bottom: 4px;" align="center"><div id="mes_onglets">
  <span id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Les administratrices </span>
  <span id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Onglet 2</span>
  <span id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Onglet 3</span>
  <span id="o_4" class="mon_onglet" onclick="changeOnglet(this);">Onglet 4</span></td></tr><tr><td>        <div class="clear"><div id="mes_contenus">    <div id="co_1" class="mon_contenu">
 
<table><tr><td><div class="lock"><img src="http://i43.servimg.com/u/f43/16/83/59/78/amanda18.jpg" /><div class="lock-hidden"><span style="font-size: 18px; line-height: normal">Vicky R. Piotrovski </span><br><br>Admin tarée <br><br><img src="http://i43.servimg.com/u/f43/16/83/59/78/2urvyb10.jpg" /></div></div></td><td><div class="lock"><img src="ADRESSE IMAGE 2" /><div class="lock-hidden"><span style="font-size: 18px; line-height: normal">TITRE 2</span><br><br>TEXTE 2<br><br><img src="ADRESSE IMAGE 2 BULLE" /></div></div></td></tr></table></div>
 
  <div id="co_2" class="mon_contenu" style="display: none;">Mon contenu 2</div>    <div id="co_3" class="mon_contenu" style="display: none;">Mon contenu 3</div>    <div id="co_4" class="mon_contenu" style="display: none;">Mon contenu 4</div></div></div></div></td></tr></table>

Cordialement.

[Invité]

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