Sujets similaires

Bonjour à tous, et merci d'avance à l'attention que vous porterez à ma demande !

Effectuant ma PA de forum, j'ai fait une PA avec 3 colonnes, un petit texte en dessous des trois colonnes et des boutons dirigeurs tout en haut des trois colonnes (gné je suis sure que vous me comprenez Problème de slideshow horizontal dans une PA [Résolu] 1779901633

Problème de slideshow horizontal dans une PA [Résolu] 1779901633

).
Cependant, en venant sur ce magnifique forum, j'ai voulu tenter un petit slideshow horizontal, que j'ai simplement inséré dans la troisième colonne. Mais problème... au début il se mettait dans la troisième colonne mais toutes les informations en même temps et pas un slideshow information par information (ce qui est justement le but).
Et alors là... j'ai cassé tous mes codes avec une malheureuse manipulation mais j'ai réussi à reprendre le tout, il n'empêche que le slideshow ne marche pas... Voici le code de ma PA, et merci d'avance à tout ceux qui pourraient m'aider !

Code:: <a t1-recensement"="" poudlaard-habbo.forumactif.org="" http:="" class="vignettes">Recensement</a> <a t2-adm-annonces"="" poudlaard-habbo.forumactif.org="" http:="" class="vignettes">Annonces</a> <a t4-annonce-rp#4"="" poudlaard-habbo.forumactif.org="" http:="" class="vignettes">Annonces rp</a> <a href="http://poudlaard-habbo.forumactif.org/t3-adm-liste-des-employes" class="vignettes">Liste des employés</a><a href="http://poudlaard-habbo.forumactif.org/t5-salon-de-the#5" class="vignettes">Salon de thé</a>
<table style="width: 100%;" align="middle" cellpadding="3" cellspacing="10">

<tbody>

<tr>

<td style="width: 340px;" align="middle">

</td>

<td style="width: 210px;" align="middle">

</td>

<td style="width: 210px;" align="middle">

</td>

</tr>

<tr>

<td style="text-align: center; width: 340px;">
Votre staff : Porte. & Sacha-dauphin & -Gleam<br /><a href="http://poudlaard-habbo.forumactif.org/u1" _blank"=""><img src="http://s4.postimg.org/wq5z9yiq5/Porte.png" class="pix" /></a><a href="http://poudlaard-habbo.forumactif.org/u1" _blank"=""><img src="http://s11.postimg.org/dcktpao43/sacha_swan.png" class="pix" /></a><a href="http://poudlaard-habbo.forumactif.org/u1" _blank"=""><img src="http://s4.postimg.org/y6hhs3ln1/gleam.png" class="pix" /></a><br /><br />
<div style="margin:auto;text-align:center;width:100%">

</div>
<br /><span style="color: red;"><span style="font-size: 9px; line-height: normal"></span></span>
<div style="" align="justify">
Poudlard. Toutes copies ou reproductions est strictement interdite.<br /> <br /> Structure par Porte. et sacha-dauphin sur Habbo.fr Design et css par -Gleam<br /><br />
</div>

</td>

<td style="text-align: justify; width: 210px;">
<span style="color: red;"><span style="font-size: 9px; line-height: normal"></span></span><br /> <em><span style="font-size: 18px; line-height: normal">Poudlard, école de sorcellerie.</span></em><br />Rejoins nous à Poudlard sur Habbo.fr et deviens un sorcier dans la plus célèbre des écoles de sorcellerie ! Apprends au fil des jours à lancer des sorts et approfondir tes connaissances magiques en suivant des cours à Poudlard. Tente de hisser ta maison à la première place lors du fameux tournoi des quatre maisons et obtiens la note optimale à tes examens de sorcellerie. Le destin est au bout de tes doigts, il te suffit de l'attraper ! <br />
</td>
</tr>
</tbody>
</table>

<div id="slideshow" class="slideshow">

<div id="slideshow-container">

<div class="slide">

<h1>
Notre site...
</h1>
<a target="_blank" href="http://poudlard-hm.url.ph/" title="Poudlard"><img src="http://img11.hostingpics.net/pics/663417bann.png" border="0" alt="Poudlard" /></a>
</div>

<div class="slide">

<h1>
Les évents en cours...
</h1>

<p>
L’évènement de Noël étant fini, le bal de la coupe des Quatre maisons s’est déroulé avec Gryffondor pour gagnant ! En deuxième place, les aiglons, puis les serpents et enfin les Poufsouffles !
</p>

</div>

<div class="slide">

<h1>
Quelques informations...
</h1>

<p>
<em><span style="font-size: 18px; line-height: normal">Quelques informations</span></em><br /><strong>• Ouverture du forum :</strong> Coming soon<br />• <span style="color: red;">/!\</span> Pensez à vous recenser pour avoir accès à vos salles communes et inventaires !<br />• Faire de la pub est conseillé, même vivement apprécié ♫ <br /><br />• Rejoignez-nous sur Habbo.fr (appartements de Porte.)<br /><br /><br /> <br />
</p>

</div>

</div>

</div>

<div style="margin:auto;text-align:center;width:100%">
Votez pour nous toutes les deux heures
</div>

<div style="margin:auto;text-align:center;width:100%">
Ici les partenaires
</div>

Bonjour bonjour Smile

Pourrais tu fournir le lien du forum en question ^^ ?
As tu bien pensé à rajouter le code javascript qui fait marcher le slider ?

Ah mince! Bien évidemment, je suis une boulette finie..
Voici le lien du forum test :

Code:: http://poudlaard-habbo.forumactif.org/

Et en effet, j'ai zappé le code javascript donc forcément que ça ne pouvait marcher ! Siffle

Donc déjà merci pour cette réponse déjà !

Maintenant j'ai bien mis tous les codes, mais en plaçant ce slideshow dans la troisième colonne, il se place en bas ? Est-ce un problème de paramétrage de longueur de colonnes, ou de codes mal placés ? J'essaye de regarder si tous mes codes sont justes mais pourtant... o.O

Merci encore pour l'attention que vous portez à mon problème Problème de slideshow horizontal dans une PA [Résolu] 577704309

Problème de slideshow horizontal dans une PA [Résolu] 577704309

Si tu regardes ton code HTML, tu as mis la div pour le slideshow... A l'extérieur du tableau, et donc à l'extérieur de la troisième cellule Wink

Pense aussi dans le CSS à faire attention à la largeur de ton slider ^^

[list] Donc j'ai bien suivi vos conseils concernant la largeur du slider, du coup il est parfait niveau taille etc.
Par contre - et désolé de vous embêter pour si peu - mais je n'arrive pas à déterminer la limite de la troisième colonne... Maintenant j'ai ce code là pour l'effet escompté suivant :

Code:: http://poudlaard-habbo.forumactif.org/

pour ce code-là :

Code:: <a class="vignettes" http:="" poudlaard-habbo.forumactif.org="" t1-recensement"="">Recensement</a> <a class="vignettes" http:="" poudlaard-habbo.forumactif.org="" t2-adm-annonces"="">Annonces</a> <a class="vignettes" http:="" poudlaard-habbo.forumactif.org="" t4-annonce-rp#4"="">Annonces rp</a> <a class="vignettes" href="http://poudlaard-habbo.forumactif.org/t3-adm-liste-des-employes">Liste des employés</a><a class="vignettes" href="http://poudlaard-habbo.forumactif.org/t5-salon-de-the#5">Salon de thé</a>
<table cellspacing="10" cellpadding="3" align="middle" style="width: 100%;">

<tbody>

   <tr>

      <td align="middle" style="width: 340px;">

      </td>

      <td align="middle" style="width: 210px;">

      </td>

      <td align="middle" style="width: 210px;">

      </td>

   </tr>

   <tr>

      <td style="text-align: center; width: 340px;">
         Votre staff : Porte. & Sacha-dauphin & -Gleam<br /><a _blank"="" href="http://poudlaard-habbo.forumactif.org/u1"><img class="pix" src="http://s4.postimg.org/wq5z9yiq5/Porte.png" /></a><a _blank"="" href="http://poudlaard-habbo.forumactif.org/u1"><img class="pix" src="http://s11.postimg.org/dcktpao43/sacha_swan.png" /></a><a _blank"="" href="http://poudlaard-habbo.forumactif.org/u1"><img class="pix" src="http://s4.postimg.org/y6hhs3ln1/gleam.png" /></a><br /><br />
         <div style="margin:auto;text-align:center;width:100%">

         </div>
         <br /><span style="color: red;"><span style="font-size: 9px; line-height: normal"></span></span>
         <div align="justify" style="">
            Poudlard. Toutes copies ou reproductions est strictement interdite.<br /> <br /> Structure par Porte. et sacha-dauphin sur Habbo.fr Design et css par -Gleam<br /><br />
         </div>

      </td>

      <td style="text-align: justify; width: 210px;">
         <span style="color: red;"><span style="font-size: 9px; line-height: normal"></span></span><br /> <em><span style="font-size: 18px; line-height: normal">Poudlard, école de sorcellerie.</span></em><br />Rejoins nous à Poudlard sur Habbo.fr et deviens un sorcier dans la plus célèbre des écoles de sorcellerie ! Apprends au fil des jours à lancer des sorts et approfondir tes connaissances magiques en suivant des cours à Poudlard. Tente de hisser ta maison à la première place lors du fameux tournoi des quatre maisons et obtiens la note optimale à tes examens de sorcellerie. Le destin est au bout de tes doigts, il te suffit de l'attraper ! <br />
      </td>

   </tr>

</tbody>
</table>

<div class="slideshow" id="slideshow">

<div id="slideshow-container">

   <div class="slide">

      <h1>
         Notre site...
      </h1>
      <a title="Poudlard" href="http://poudlard-hm.url.ph/" target="_blank"><img alt="Poudlard" border="0" src="http://img11.hostingpics.net/pics/663417bann.png" /></a>
   </div>

   <div class="slide">

      <h1>
         Les évents en cours...
      </h1>

      <p>
         L’évènement de Noël étant fini, le bal de la coupe des Quatre maisons s’est déroulé avec Gryffondor pour gagnant ! En deuxième place, les aiglons, puis les serpents et enfin les Poufsouffles !
      </p>

   </div>

   <div class="slide">

      <h1>
         Quelques informations...
      </h1>

      <p>
         <em><span style="font-size: 18px; line-height: normal">Quelques informations</span></em><br /><strong>• Ouverture du forum :</strong> Coming soon<br />• <span style="color: red;">/!\</span> Pensez à vous recenser pour avoir accès à vos salles communes et inventaires !<br />• Faire de la pub est conseillé, même vivement apprécié ♫ <br /><br />• Rejoignez-nous sur Habbo.fr (appartements de Porte.)<br /><br /><br /> <br />
      </p>

   </div>

</div>

</div>

<div style="margin:auto;text-align:center;width:100%">
Votez pour nous toutes les deux heures
</div>

<div style="margin:auto;text-align:center;width:100%">
Ici les partenaires
</div>

Et excusez-moi encore, il n'y a pas de mauvaise volonté de corriger moi-même mais je n'arrive vraiment pas à déterminer les limites de la troisième case avec le slider... en vous remerciant encore Problème de slideshow horizontal dans une PA [Résolu] 1001172573

Problème de slideshow horizontal dans une PA [Résolu] 1001172573

Voici où se trouve ton tableau ^^

Code:: <tr>

<td style="text-align: center; width: 340px;">
Votre staff : Porte. & Sacha-dauphin & -Gleam<br /><a _blank"="" href="http://poudlaard-habbo.forumactif.org/u1"><img class="pix" src="http://s4.postimg.org/wq5z9yiq5/Porte.png" /></a><a _blank"="" href="http://poudlaard-habbo.forumactif.org/u1"><img class="pix" src="http://s11.postimg.org/dcktpao43/sacha_swan.png" /></a><a _blank"="" href="http://poudlaard-habbo.forumactif.org/u1"><img class="pix" src="http://s4.postimg.org/y6hhs3ln1/gleam.png" /></a><br /><br />
<div style="margin:auto;text-align:center;width:100%">

</div>
<br /><span style="color: red;"><span style="font-size: 9px; line-height: normal"></span></span>
<div align="justify" style="">
Poudlard. Toutes copies ou reproductions est strictement interdite.<br /> <br /> Structure par Porte. et sacha-dauphin sur Habbo.fr Design et css par -Gleam<br /><br />
</div>

</td>

<td style="text-align: justify; width: 210px;">
<span style="color: red;"><span style="font-size: 9px; line-height: normal"></span></span><br /> <em><span style="font-size: 18px; line-height: normal">Poudlard, école de sorcellerie.</span></em><br />Rejoins nous à Poudlard sur Habbo.fr et deviens un sorcier dans la plus célèbre des écoles de sorcellerie ! Apprends au fil des jours à lancer des sorts et approfondir tes connaissances magiques en suivant des cours à Poudlard. Tente de hisser ta maison à la première place lors du fameux tournoi des quatre maisons et obtiens la note optimale à tes examens de sorcellerie. Le destin est au bout de tes doigts, il te suffit de l'attraper ! <br />
</td>

</tr>

Dans un tableau, chaque cellule est dans la balise td. Je t'invite à lire ce tutoriel pour en apprendre plus Very Happy

Du coup là tu peux voir que tu as 2 fois des balises td : pour les 2 premières cellules, il va te falloir créer la troisième cellule Very Happy

Pas d'inquiétude, c'est facile Wink

Code:: <tr>

<td style="text-align: center; width: 340px;">
Votre staff : Porte. & Sacha-dauphin & -Gleam<br /><a _blank"="" href="http://poudlaard-habbo.forumactif.org/u1"><img class="pix" src="http://s4.postimg.org/wq5z9yiq5/Porte.png" /></a><a _blank"="" href="http://poudlaard-habbo.forumactif.org/u1"><img class="pix" src="http://s11.postimg.org/dcktpao43/sacha_swan.png" /></a><a _blank"="" href="http://poudlaard-habbo.forumactif.org/u1"><img class="pix" src="http://s4.postimg.org/y6hhs3ln1/gleam.png" /></a><br /><br />
<div style="margin:auto;text-align:center;width:100%">

</div>
<br /><span style="color: red;"><span style="font-size: 9px; line-height: normal"></span></span>
<div align="justify" style="">
Poudlard. Toutes copies ou reproductions est strictement interdite.<br /> <br /> Structure par Porte. et sacha-dauphin sur Habbo.fr Design et css par -Gleam<br /><br />
</div>

</td>

<td style="text-align: justify; width: 210px;">
<span style="color: red;"><span style="font-size: 9px; line-height: normal"></span></span><br /> <em><span style="font-size: 18px; line-height: normal">Poudlard, école de sorcellerie.</span></em><br />Rejoins nous à Poudlard sur Habbo.fr et deviens un sorcier dans la plus célèbre des écoles de sorcellerie ! Apprends au fil des jours à lancer des sorts et approfondir tes connaissances magiques en suivant des cours à Poudlard. Tente de hisser ta maison à la première place lors du fameux tournoi des quatre maisons et obtiens la note optimale à tes examens de sorcellerie. Le destin est au bout de tes doigts, il te suffit de l'attraper ! <br />
</td>
<td>

</td>
</tr>

Il suffit d'ajouter tout à la fin des balises td, TADAAAAM ça fait des chocapics (bon ok, je sors ---> []).
Il te suffit de déplacer le code de ton slider entre ses balises, et cela devrait être bon Very Happy

Bon courage Very Happy

!

Problème de slideshow horizontal dans une PA [Résolu] 2176505670

Problème de slideshow horizontal dans une PA [Résolu]

Problème de slideshow horizontal dans une PA [Résolu]

Sujets similaires

Sujets similaires

Partenaires Or