PA en accordéon - texte?

[Lalouu.]

Bonjour, bonsoir !
J'ai un petit problème concernant une PA en accordéon. J'ai suivi le modèle de forumactif (Ici) à la lettre. Je n'ai eu aucun problème particulier, j'ai réussi à organiser ce que je voulais. Simplement, je n'arrive pas à remplacer les images par du texte et autres codes pour remplir ma PA en somme.

J'ai ceci
http://www.gilawhost.com/images/zqa1d9kc.jpg
et je voudrais pouvoir me débarrasser de l'image (ce monsieur aux yeux exorbités) pour y placer des codes, style des tableaux, un menu déroulant, etc. Mais je n'y arrive pas.

Voici mon code de la PA :

Code:

        <div id="accordeon-pa" class="accordion">
            <ol>
                <li>
                    <h2><span>TITRE SLIDE</span></h2>
                    <div>
                      <figure>
                        <img class="full" src="http://i.imgur.com/v5LuU.jpg" alt="image" />       
                      </figure>
                    </div>
                </li>
                <li>
                    <h2><span>TITRE SLIDE</span></h2>
                    <div>
                      <figure>
                        <img class="full" src="http://i.imgur.com/v5LuU.jpg" alt="image" />
                      </figure>
                    </div>
                </li>
                <li>
                    <h2><span>TITRE SLIDE</span></h2>
                    <div>
                      <figure>
                        <img class="full" src="http://i.imgur.com/VdDge.jpg" alt="image" />
                      </figure>
                    </div>
                </li>
                <li>
                    <h2><span>TITRE SLIDE</span></h2>
                    <div>
                      <figure>
                        <img class="full" src="http://i.imgur.com/Wl1P6.jpg" alt="image" />
                      </figure>
                    </div>
                </li>
            </ol>
        </div>

C'est le Code du Message d'Accueil, le CSS, HTML et Javascript n'ayant pas été changé. Un simple copier/coller de la démarche du sujet de forumactif donné au-dessus.

Pour vous dire, je suis sur Firefox, je suis sur la version phpBB2 et je suis fondatrice de ce forum http://rpg-cuba.forumgratuit.be/

Si vous pouviez m'aider je vous en serais grandement reconnaissante

[Invité]

Bonjour,

Vous pouvez modifier le code :


Code:

  <img class="full" src="http://i.imgur.com/v5LuU.jpg" alt="image" />

Par ce que vous voulez normalement...que voulez-vous exactement ?

Cordialement,

[Lalouu.]

Bien par exemple, un menu déroulant. J'avais enlevé l'image et mis le code pour le menu déroulant

Code:

        <select style="width: 268px;" onchange="location = this.value">
          <option selected="selected">Navigation rapide</option>
          <option value="url1-de-renvoi">choix 1</option>
          <option value="url2-de-renvoi">choix 2</option>
          <option value="url3-de-renvoi">choix 3</option>
          <option value="url4-de-renvoi">choix 4</option>
        </select></div>

Donc à la place du code que vous venez d'indiquer. Mais alors ça me donne ceci :
http://www.gilawhost.com/images/ed9kt57s.jpg
En fait, le menu déroulant se met, mais alors les slides suivants se mettent en dessous au lieu de rester en place

J'aimerais en fait, pouvoir mettre un tableau style un carré de quatre cases (http://www.gilawhost.com/images/ibyrywly.jpg) Je suppose que si je n'arrive pas à mettre un menu déroulant je n'arriverais pas à mettre des tableaux. (D'ailleurs j'ai perdu le code des tableaux faut que je les retrouve)

Merci beaucoup de votre réponse rapide en tous cas

[Lalouu.]

Ah pardon, j'ai réussi. Le code des tableaux fonctionne !
Désolée du dérangement