Mettre deux infobulles cote a cote.

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

Résolu Mettre deux infobulles cote a cote.

Message par zeichen le Dim 11 Sep 2011 - 15:33

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

Messages : 11
Inscrit(e) le : 07/09/2011

http://happy-home.forumgratuit.org/
zeichen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre deux infobulles cote a cote.

Message par zeichen le Dim 11 Sep 2011 - 15:41

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>

zeichen
Nouveau membre

Messages : 11
Inscrit(e) le : 07/09/2011

http://happy-home.forumgratuit.org/
zeichen a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre deux infobulles cote a cote.

Message par Invité le Dim 11 Sep 2011 - 15:56

Bonjour,

Merci de penser à utiliser le bouton :editer: !

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


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

Résolu Re: Mettre deux infobulles cote a cote.

Message par Invité le Jeu 22 Sep 2011 - 9:55

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 résolu
  • 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 Smile

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