Comment réaliser ce genre

[Mdame Lili]

Rappel du premier message :

Bonjour, désolée si mon message n'est pas au bon endroit.

Je suis incapable de donner un nom à ce que je voudrais réaliser dans mon forum http://coutureplaisir.forumgratuit.be/
J'essaie d'expliquer : je voudrais une liste alphabétique et chaque lettre serait clicable et contiendrait des informations.
Je me permets de mettre un lien qui sera sans aucun doute plus explicite.
http://fr.wikipedia.org/wiki/Cat%C3%A9gorie:Ville_de_France
si je clic sur la lettre A toutes les villes apparaissent, j'obtiens la même réaction quelque soit la lettre sur laquelle je clic.

Je dois vous précisez que je suis nulle avec les termes techniques et que je suis très lente à la compréhension.  

Merci pour la prochaine réponse.

[Mdame Lili]

Je vous remercie tous pour votre participation, mais nous sommes trop nuls que pour parvenir un à résultat.
Aucun onglet n'apparait.

[demeter1]

S'il s'agit de ce topic http://coutureplaisir.forumgratuit.be/t621-base-HTML , c'est normal, vous n'avez pas activé le html sur votre forum.

le tutoriel de fa pour pouvoir pallier à ce soucis

https://forum.forumactif.com/t285442-activation-du-html-3-points-de-controle?highlight=html

[Mdame Lili]

Je viens de vérifier à nouveau en suivant la procédure et le HTML est bien activé.

Incapable de réaliser un forum, j'ai payé pour sa réalisation, cela provient peut être d'une erreur de codage ?

[demeter1]

A mon avis, vous avez du cocher "Désactiver le HTML dans ce message" dans la partie "options" juste en dessous du message.

Le code qui est inséré fonctionne parfaitement.

Vous avez payé pour installer un forum FA  alors que c'est du clef en main
 A la limite, la structure aurait été modifiée pour arriver à quelque chose de très innovant, je comprendrai un peu mais là, la structure est celle de base.   

[Mdame Lili]

Oui je reconnais que je suis nulle et que j'avais absolument besoin d'aide.

Et maintenant j'avoue encore que ce que tu m'écrit cela reste du chinois.
Comment dois-je pratiquer pour réaliser ceci
A mon avis, vous avez du cocher "Désactiver le HTML dans ce message" dans la partie "options" juste en dessous du message.

Disons que je me rattrape par la qualité du contenu de mon forum et que je suis la seule qui compte parmi ses participantes un professeur de couture.

[demeter1]

C'est pas du chinois mais une image sera peu être mieux comprise.

Si vous êtes bien en phpbb3, vous aurez cet aperçu.




Si la case "Désactiver le HTML dans ce message" est cochée , il faut la décocher.

[Mdame Lili]

je suis ici http://coutureplaisir.forumgratuit.be/post?p=3388&mode=editpost
je ne vois rien qui correspond à ton image

[demeter1]

Cela confirme bien que  vous n'avez pas activé le html sur votre forum.

Relisez le tutoriel
https://forum.forumactif.com/t285442-activation-du-html-3-points-de-controle?highlight=html

Si celui ci n'est pas activé, toute aide en codage contenant du html ne servira à rien car rien ne s'affichera.

[Mdame Lili]

Nouvelle image


J'ai à nouveau vérifier et j'ai trouvé la faille.

Maintenant que les lettres alphabétique apparaissent, j'ai plusieurs fois la même image, comment dois-je pratiquer car j'obtiens plusieurs fois la même image ?

Voici le texte HTML qui n'est plus visible, j'ai édité pour le copier
<div class="systab">
<div class="selected">
<span>A</span>
<h6>Abeille</h6>
<img src="https://i.servimg.com/u/f57/11/14/32/22/a11.jpg" alt="" />
<p>Je suis un texte de description</p>
<hr class="clear" />
<h6>Agrafe</h6>
<img src="https://i.servimg.com/u/f57/11/14/32/22/a11.jpg" alt="" />
<p>Je suis un texte de description</p>
<hr class="clear" />
<h6>Aisance</h6>
<img src="https://i.servimg.com/u/f57/11/14/32/22/a11.jpg" alt="" />
<p>Je suis un texte de description</p>
<hr class="clear" />
</div>
<div>
<span>B</span>
<h6>BBBBBBBBB</h6>
<img src="https://i.servimg.com/u/f57/11/14/32/22/a11.jpg" alt="" />
<p>Je suis un texte de description</p>
<hr class="clear" />
<h6>BBBBBBBBB</h6>
<img src="https://i.servimg.com/u/f57/11/14/32/22/a11.jpg" alt="" />
<p>Je suis un texte de description</p>
<hr class="clear" />
<h6>BBBBBBBBB</h6>
<img src="https://i.servimg.com/u/f57/11/14/32/22/a11.jpg" alt="" />
<p>Je suis un texte de description</p>
<hr class="clear" />
</div>
<div>
<span>C</span>
Mon contenu 3
</div>
<div>
<span>D</span> Mon contenu 1
</div>
<div>
<span>E</span>
Mon contenu 2
</div>
<div>
<span>F</span>
Mon contenu 3
</div>
<div>
<span>G</span>
Mon contenu 2
</div>
<div>
<span>H</span>
Mon contenu 3
</div>
<div>
<span>I</span> Mon contenu 1
</div>
<div>
<span>J</span>
Mon contenu 2
</div>
<div>
<span>K</span>
Mon contenu 3
</div>
<div>
<span>L</span>
Mon contenu 2
</div>
<div>
<span>M</span>
Mon contenu 3
</div>
<div>
<span>N</span> Mon contenu 1
</div>
<div>
<span>O</span>
Mon contenu 2
</div>
<div>
<span>P</span>
Mon contenu 3
</div>
<div>
<span>Q</span>
Mon contenu 2
</div>
<div>
<span>R</span>
Mon contenu 3
</div>
<div>
<span>S</span> Mon contenu 1
</div>
<div>
<span>T</span>
Mon contenu 2
</div>
<div>
<span>U</span>
Mon contenu 3
</div>
<div>
<span>V</span>
Mon contenu 2
</div>
<div>
<span>W</span>
Mon contenu 3
</div>
<div>
<span>X</span> Mon contenu 1
</div>
<div>
<span>Y</span>
Mon contenu 2
</div>
<div>
<span>Z</span>
Mon contenu 3
</div>
</div>

[demeter1]

C'est normal vu que les liens sont identiques. Lixyr vous a donné cette trame html en exemple; il vous faudra la compléter avec vos images et textes.

Chaque descriptif est structuré de la sorte

Code:

<h6>Nom</h6>
<img src="lien de l'image" alt="" />
<p>Je suis un texte de description</p>
<hr class="clear" />

[Mdame Lili]

Je dis grand merci.
Je vais renseigner ce post comme résolu car demain je pars en vacances jusque fin juillet.

Début août je reviendrai su ce sujet.

Encore merci à tous pour votre magnifique patience.