Problème code tableau accordéon.

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

Résolu Problème code tableau accordéon.

Message par Eliazu le Sam 13 Juil 2013 - 20:47

Salut à tous !

Je viens vous demander de l'aide pour peut-être trouver une solution à mon problème de code HTML.

Tout d'abord, voilà mon code :
Code:
<div id="accordeon-pa" class="accordion">
    <ol>
        <li>
            <h2><span>ChatBox</span></h2>
            <div>
              <figure>
                <chat class="full" src="<chat style=" <chat="" style="<img style=" visibility:hidden;width:0px;height:0px;"="" border="0" width="0" height="0"><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" bgcolor="#000000" name="chat" flashvars="id=195293470&amp;gn=YaminoChikara" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" width="900" align="middle" height="430"><br><small><a target="_BLANK" href="http://xat.com/web_gear/chat/embed.php?id=195293470&amp;GroupName=YaminoChikara">Get YaminoChikara chat group</a> | <a target="_BLANK" href="http://xat.com/YaminoChikara"> Goto YaminoChikara website</a></small></chat><chat class="full" src="<chat style=" <chat="" style="<img style=" visibility:hidden;width:0px;height:0px;"="" border="0" width="0" height="0"><br>" alt="chat" />
              </chat></figure>
            </div>
        </li>
    <li>
            <h2><span>Inscription et Recrutement !</span></h2>
            <div>
              <div style="text-align: center;">
      <figure>
<span style="color: rgb(0, 153, 153);"><span style="font-family: Lucida Sans Unicode;"><font size="3">Pour vous inscrire, vous devrez aller sur "De/Connexion" et après ça, cliquer sur "s'enregistrer", puis,  lorsque vous aurez finalisé votre inscription vous devrez faire votre présentation ! Pour ça vous devrez suivre ce <a href="http://yami-no-chikara.forumactif.org/t1-modele-de-presentation">modèle de présentation</a> et créer un sujet pour faire la votre ! Après votre présentation faite, vous n'aurez plus qu'à poster votre candidature en suivant ce <a href="http://yami-no-chikara.forumactif.org/t5-modele-de-recrutement">modèle de recrutement.</a>
 <img src="http://img809.imageshack.us/img809/7914/26c7.jpg"></font></span></span>
              </figure>
            </div>
            </div>
        </li>
        <li>
            <h2><span>Actualités et Chaînes YT !</span></h2>
      <div style="text-align: center;">
      <figure>

      </figure>
   </div>
      </li>
    </ol>
</div>

Le problème, c'est que lorsque j'écris en html, c'est à dire le truc simple sans les codes tout ça tout ça, comme du word quoi, et que j'enregistre, ça rend n'importe quoi, et étant un "noob" dans le domaine, je ne peux pas me permettre d'écrire sans html. Sad
Après avoir écrit ce que je veux en HTML, et quand je reviens dans un langage non HTML, le code devient ça :

Code:
<div id="accordeon-pa" class="accordion">
    <ol>
        <li>
            <h2><span>ChatBox</span></h2>
            <div>
              <figure>
                <chat class="full" src="<chat style=" <chat="" style="<img style=" visibility:hidden;width:0px;height:0px;"="" border="0" width="0" height="0"><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" bgcolor="#000000" name="chat" flashvars="id=195293470&amp;gn=YaminoChikara" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" align="middle" height="430" width="900"><br><small><a target="_BLANK" href="http://xat.com/web_gear/chat/embed.php?id=195293470&amp;GroupName=YaminoChikara">Get YaminoChikara chat group</a> | <a target="_BLANK" href="http://xat.com/YaminoChikara"> Goto YaminoChikara website</a></small></chat><chat class="full" src="<chat style=" <chat="" style="<img style=" visibility:hidden;width:0px;height:0px;"="" border="0" width="0" height="0"><br>" alt="chat" />
              </chat></figure>
            </div>
        </li>
    <li>
            <h2><span>Inscription et Recrutement !</span></h2>
            <div>
              <div style="text-align: center;">
      <figure>
<span style="color: rgb(0, 153, 153);"><span style="font-family: Lucida Sans Unicode;"><font size="3">Pour vous inscrire, vous devrez aller sur "De/Connexion" et après ça, cliquer sur "s'enregistrer", puis,  lorsque vous aurez finalisé votre inscription vous devrez faire votre présentation ! Pour ça vous devrez suivre ce <a href="http://yami-no-chikara.forumactif.org/t1-modele-de-presentation">modèle de présentation</a> et créer un sujet pour faire la votre ! Après votre présentation faite, vous n'aurez plus qu'à poster votre candidature en suivant ce <a href="http://yami-no-chikara.forumactif.org/t5-modele-de-recrutement">modèle de recrutement.</a>
 <img src="http://img809.imageshack.us/img809/7914/26c7.jpg"></font></span></span>
              </figure>
            </div>
            </div>
        </li>
        <li>
            <h2><span>Actualités et Chaînes YT !</span></h2></li></ol><p style="text-align: center;"><span style="text-decoration: underline;"><span style="font-family: Lucida Sans Unicode;"><font size="3">Actualités du moment : </font></span></span></p><p style="text-align: center;"><br></p><p style="text-align: left;"><span style="font-family: Lucida Sans Unicode;">- Nouveau coin training' ! Avec un système d'évaluation basé sur le DataBook ! Pour plus de détails, venez <a href="http://yami-no-chikara.forumactif.org/t106-important-train">ici.</a></span></p><p style="text-align: left;"><font size="2"><span style="font-family: Lucida Sans Unicode;">- La YnC organisera très prochainement des tournois filmés par iZaarkz tous les soirs ! <br></span></font></p><p style="text-align: left;"><font size="2"><span style="font-family: Lucida Sans Unicode;">- Accueillons les nouveaux membres Geekoman, sasuke_taka92 et Samarilak ! Bienvenue dans la team et amusez-vous bien sur le fofo' ! </span></font><br></p><ol>
    </ol>
</div>

Voilà mon site, après avoir enregistré ce code : http://yami-no-chikara.forumactif.org/

Merci par avance ! Smile


Dernière édition par Eliazu le Dim 14 Juil 2013 - 20:00, édité 1 fois

Eliazu
*

Messages : 45
Inscrit(e) le : 12/06/2013

http://yami-no-chikara.forumactif.org/
Eliazu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code tableau accordéon.

Message par Eliazu le Sam 13 Juil 2013 - 22:38

Personne ne sait ? :/

Eliazu
*

Messages : 45
Inscrit(e) le : 12/06/2013

http://yami-no-chikara.forumactif.org/
Eliazu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code tableau accordéon.

Message par Self le Sam 13 Juil 2013 - 22:51

Chez certaines personnes la fête national c'est le temps d'une soirée le 13 Juillet.
Ce n'est donc pas une soirée de forte activité, rester patient(e) Wink .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

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

Résolu Re: Problème code tableau accordéon.

Message par Eliazu le Dim 14 Juil 2013 - 1:49

D'acc', merci quand même.

Eliazu
*

Messages : 45
Inscrit(e) le : 12/06/2013

http://yami-no-chikara.forumactif.org/
Eliazu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code tableau accordéon.

Message par Eliazu le Dim 14 Juil 2013 - 15:09

Toujours personne ? :/

Eliazu
*

Messages : 45
Inscrit(e) le : 12/06/2013

http://yami-no-chikara.forumactif.org/
Eliazu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code tableau accordéon.

Message par Eliazu le Dim 14 Juil 2013 - 18:04

Up...

Eliazu
*

Messages : 45
Inscrit(e) le : 12/06/2013

http://yami-no-chikara.forumactif.org/
Eliazu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code tableau accordéon.

Message par Invité le Dim 14 Juil 2013 - 18:26

Bonsoir,
tu es sous chrome ??
tu as plein de fautes dans le deuxième code

Code:
<div id="accordeon-pa" class="accordion">
    <ol>
        <li>
            <h2><span>ChatBox</span></h2>
            <div>
              <figure>
                <chat class="full" src="<chat style=" <chat="" style="<img style=" visibility:hidden;width:0px;height:0px;"="" border="0" width="0" height="0"><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" bgcolor="#000000" name="chat" flashvars="id=195293470&amp;gn=YaminoChikara" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" align="middle" height="430" width="900"><br><small><a target="_BLANK" href="http://xat.com/web_gear/chat/embed.php?id=195293470&amp;GroupName=YaminoChikara">Get YaminoChikara chat group</a> | <a target="_BLANK" href="http://xat.com/YaminoChikara"> Goto YaminoChikara website</a></small></chat><chat class="full" src="<chat style=" <chat="" style="<img style=" visibility:hidden;width:0px;height:0px;"="" border="0" width="0" height="0"><br>" alt="chat" />
              </chat></figure>
            </div>
        </li>
    <li>
            <h2><span>Inscription et Recrutement !</span></h2>
            <div>
              <div style="text-align: center;">
      <figure>
<span style="color: rgb(0, 153, 153);"><span style="font-family: Lucida Sans Unicode;"><font size="3">Pour vous inscrire, vous devrez aller sur "De/Connexion" et après ça, cliquer sur "s'enregistrer", puis,  lorsque vous aurez finalisé votre inscription vous devrez faire votre présentation ! Pour ça vous devrez suivre ce <a href="http://yami-no-chikara.forumactif.org/t1-modele-de-presentation">modèle de présentation</a> et créer un sujet pour faire la votre ! Après votre présentation faite, vous n'aurez plus qu'à poster votre candidature en suivant ce <a href="http://yami-no-chikara.forumactif.org/t5-modele-de-recrutement">modèle de recrutement.</a>
 <img src="http://img809.imageshack.us/img809/7914/26c7.jpg"></font></span></span>
              </figure>
            </div>
            </div>
        </li>
        <li>
            <h2><span>Actualités et Chaînes YT !</span></h2><div>
<figure>
   <span style="text-align: center;">
     <span style="text-decoration: underline;">
       <span style="font-family: Lucida Sans Unicode;">
         <font size="3">Actualités du moment : </font>
       </span>
     </span>
   </span>

   <span style="text-align: center;"><br>
     <span style="text-align: left;">
       <span style="font-family: Lucida Sans Unicode;">- Nouveau coin training' ! Avec un système d'évaluation basé sur le DataBook ! Pour plus de détails, venez <a href="http://yami-no-chikara.forumactif.org/t106-important-train">ici.</a>
       </span>
   </span>
   <span style="text-align: left;"><font size="2"><span style="font-family: Lucida Sans Unicode;">- La YnC organisera très prochainement des tournois filmés par iZaarkz tous les soirs ! </font><br>
   </span>
   <span style="text-align: left;"><font size="2"><span style="font-family: Lucida Sans Unicode;">- Accueillons les nouveaux membres Geekoman, sasuke_taka92 et Samarilak ! Bienvenue dans la team et amusez-vous bien sur le fofo' ! </font>
         </span><br>
</figure>
      </div>
    </ol>
</div>

met ce code dans la page d'accueil il fonctionne Smile

Invité
Invité


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

Résolu Re: Problème code tableau accordéon.

Message par Eliazu le Dim 14 Juil 2013 - 18:45

Salut ! Alors tout d'abord, merci pour ta réponse ^^

Je suis sous chrome, et lorsque je veux écrire sous langage HTML, je vais sous Mozilla, c'est peut-être pour ça ?
Sinon, en fait, j'aimerai avoir les modif's du 2ème code, mais que...Bah ça marche comme le premier quoi ><'

Merci encore ! :')

Ton code marche !  Merci, par contre, tu saurais comment sauter une ligne entre un paragraphe et une image ? C'est trop collé dans "Inscription et Recrutement !" :/

Merci encooooore ! ^^

EDIT : Finalement, lorsque je veux sauter une ligne, ça me met encore 1. ou 2. par exemple...Je pense que c'est ça qui fait basculer l'écriture du tableau accordéon, au site...
Donc, je suis encore bloqué finalement ><'
PS : A partir de maintenant, je ne vais modifier que via Mozilla, vu que je ne sais pas modifier à même les balises.


Dernière édition par Eliazu le Dim 14 Juil 2013 - 18:50, édité 1 fois

Eliazu
*

Messages : 45
Inscrit(e) le : 12/06/2013

http://yami-no-chikara.forumactif.org/
Eliazu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code tableau accordéon.

Message par Invité le Dim 14 Juil 2013 - 18:49

voilà:

Code:
<div id="accordeon-pa" class="accordion">
    <ol>
        <li>
            <h2><span>ChatBox</span></h2>
            <div>
              <figure>
                <chat class="full" src="<chat style=" <chat="" style="<img style=" visibility:hidden;width:0px;height:0px;"="" border="0" width="0" height="0"><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" bgcolor="#000000" name="chat" flashvars="id=195293470&amp;gn=YaminoChikara" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" align="middle" height="430" width="900"><br><small><a target="_BLANK" href="http://xat.com/web_gear/chat/embed.php?id=195293470&amp;GroupName=YaminoChikara">Get YaminoChikara chat group</a> | <a target="_BLANK" href="http://xat.com/YaminoChikara"> Goto YaminoChikara website</a></small></chat><chat class="full" src="<chat style=" <chat="" style="<img style=" visibility:hidden;width:0px;height:0px;"="" border="0" width="0" height="0"><br>" alt="chat" />
              </chat></figure>
            </div>
        </li>
    <li>
            <h2><span>Inscription et Recrutement !</span></h2>
            <div>
              <div style="text-align: center;">
      <figure>
<span style="color: rgb(0, 153, 153);"><span style="font-family: Lucida Sans Unicode;"><font size="3">Pour vous inscrire, vous devrez aller sur "De/Connexion" et après ça, cliquer sur "s'enregistrer", puis,  lorsque vous aurez finalisé votre inscription vous devrez faire votre présentation ! Pour ça vous devrez suivre ce <a href="http://yami-no-chikara.forumactif.org/t1-modele-de-presentation">modèle de présentation</a> et créer un sujet pour faire la votre ! Après votre présentation faite, vous n'aurez plus qu'à poster votre candidature en suivant ce <a href="http://yami-no-chikara.forumactif.org/t5-modele-de-recrutement">modèle de recrutement.</a><br><br>
 <img src="http://img809.imageshack.us/img809/7914/26c7.jpg"></font></span></span>
              </figure>
            </div>
            </div>
        </li>
        <li>
            <h2><span>Actualités et Chaînes YT !</span></h2><div>
<figure>
   <span style="text-align: center;">
     <span style="text-decoration: underline;">
       <span style="font-family: Lucida Sans Unicode;">
         <font size="3">Actualités du moment : </font>
       </span>
     </span>
   </span>
 
   <span style="text-align: center;"><br>
     <span style="text-align: left;">
       <span style="font-family: Lucida Sans Unicode;">- Nouveau coin training' ! Avec un système d'évaluation basé sur le DataBook ! Pour plus de détails, venez <a href="http://yami-no-chikara.forumactif.org/t106-important-train">ici.</a>
       </span>
   </span>
   <span style="text-align: left;"><font size="2"><span style="font-family: Lucida Sans Unicode;">- La YnC organisera très prochainement des tournois filmés par iZaarkz tous les soirs ! </font><br>
   </span>
   <span style="text-align: left;"><font size="2"><span style="font-family: Lucida Sans Unicode;">- Accueillons les nouveaux membres Geekoman, sasuke_taka92 et Samarilak ! Bienvenue dans la team et amusez-vous bien sur le fofo' ! </font>
         </span><br>
</figure>
      </div>
    </ol>
</div>

j'ai rajouté deux balises br


Dernière édition par Danynou le Dim 14 Juil 2013 - 18:56, édité 2 fois

Invité
Invité


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

Résolu Re: Problème code tableau accordéon.

Message par Eliazu le Dim 14 Juil 2013 - 18:52

Alors, pour l'image c'est parfait ! Mais pour mon problème dans mon "Edit" tu saurais m'dire comment ? ><"
Quand j'active l'html sur Mozilla, et que je veux sauter une ligne ça me rajoute un 4. on ne peut pas sauter une ligne normalement ? Vu que j'aimerai modifier certaines choses de mon texte...

Merci encore en tout cas ! Smile

Eliazu
*

Messages : 45
Inscrit(e) le : 12/06/2013

http://yami-no-chikara.forumactif.org/
Eliazu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code tableau accordéon.

Message par Invité le Dim 14 Juil 2013 - 18:55

le mieux c'est de faire les modifs dans le bloc note de windows et de le coller après dans ta page d'accueil Smile

Invité
Invité


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

Résolu Re: Problème code tableau accordéon.

Message par Eliazu le Dim 14 Juil 2013 - 19:00

Comment ça ? Je suis vraiment noob dans la matière ><'
En tout cas, quoi que je fasse, dès que je veux modifier le texte en activant le "html" dans mozilla (vu que dans google, je ne peux même pas activer l'html), et bien tout se décale en dehors du slide...J'comprends pas...

Merci en tout cas pour ton aide qui m'a été très précieuse ! Smile

Eliazu
*

Messages : 45
Inscrit(e) le : 12/06/2013

http://yami-no-chikara.forumactif.org/
Eliazu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code tableau accordéon.

Message par Invité le Dim 14 Juil 2013 - 19:03

le code que je t'ai donné tu le copie dans le bloc note de windows pour le transformer ensuite tu le colles une fois modifier dans la page d'accueil.
je ne vois pas pourquoi tu veux activer le html, tu n'as pas besoin de l'activer !!!

Invité
Invité


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

Résolu Re: Problème code tableau accordéon.

Message par Eliazu le Dim 14 Juil 2013 - 19:07

En fait j'active l'html pour que je puisse modifier ce que je veux, sans utiliser de balise à proprement parler ! Vu que j'suis vraiment noob, je pense que j'vais faire n'importe quoi. ><'

En tout cas, merci pour tes réponses. Smile

Eliazu
*

Messages : 45
Inscrit(e) le : 12/06/2013

http://yami-no-chikara.forumactif.org/
Eliazu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code tableau accordéon.

Message par Eliazu le Dim 14 Juil 2013 - 19:46

Finalement j'ai enfin réuuuussi !
MERCI A TOUS, VRAIMENT !
Par contre, j'aimerai savoir, est-ce que c'est possible de faire comme ceci pour mon tableau accordéon ? http://hapatchan.blogspot.fr/2010/12/ajoutez-un-bouton-abonnez-vous-pour.html

Lorsque je mets le code, ça n'affiche que le code :/
Merci par avance. Smile

EDIT : Non, c'est bon, j'ai réussi ! ^_^

Merci pour votre aide à tous ! Sujet résooolu' ! Smile

Eliazu
*

Messages : 45
Inscrit(e) le : 12/06/2013

http://yami-no-chikara.forumactif.org/
Eliazu 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