Code html et CSS pour foire aux questions accordéon

Résolu/Fermé

estelle-star Messages postés 2 Date d'inscription lundi 10 juin 2013 Statut Membre Dernière intervention 12 juin 2013 - 10 juin 2013 à 14:42
estelle-star Messages postés 2 Date d'inscription lundi 10 juin 2013 Statut Membre Dernière intervention 12 juin 2013 - 12 juin 2013 à 12:50

Bonjour,
Je suis nullissime pour tout ce qui est programmation et mon état m'empêche souvent de lire les choses en détails ou jusqu'au bout. Je demande de l'aide aux grands experts de codes html ou CSS ou les deux. Et je m'adresse aux personnes pédagogues qui savent patiemment expliquer avec des mots simples parce que je n'y connais pas grand chose.

Pourriez-vous, s'il vous plait, m'indiquer le code tout fait, de la foire aux questions de la page http://www.eirl.fr/ avec :
- un fond blanc au lieu d'un fond gris,
- une police noire au lieu d'une police bleue,
- une police de 11.50 pixels,
- et des flèches noires au lieu de flèches orange.

Les questions de ma foire aux questions ne seront pas les mêmes que sur http://www.eirl.fr/ puisque mon blog, qui n'est pas encore crée, parlera du cancer du sein. Je compte mettre des questions comme :
- Qu'est-ce que le cancer du sein?
- Qui est concerné par le cancer du sein?
- Comment prévenir le cancer du sein?
- Quels sont les traitements du cancer du sein?
- Qu'est-ce que la chimiothérapie?
- Comment gérer la perte des cheveux?
- Comment gérer le regard des autres?
- Quelles sont les aides psychologiques?
- etc.

Je vous remercie par avance pour votre aide et vos conseils :-).

A voir également:

Faq html css code
Le code ascii - Guide
Code puk bloqué - Guide
Code activation windows 10 - Guide
Code telephone oublié - Guide
Editeur html - Télécharger - HTML

2 réponses

Réponse 1 / 2

Alerte16 Messages postés 9 Date d'inscription jeudi 4 octobre 2012 Statut Membre Dernière intervention 15 décembre 2014 6
12 juin 2013 à 12:40

Je te propose un code en html pour ta foire aux questions. Le résultat est différent de ce que tu souhaites.
<div align="justify"><span style="color: #000000; font-size: 11.50px;"><a href="#Question1">Ecrire la question n°1 ici</a></span></div>
<div align="justify"><span style="color: #000000; font-size: 11.50px;"><a href="#Question2">Ecrire la question n°2 ici</a></span></div>
<div align="justify"><span style="color: #000000; font-size: 11.50px;"><span style="color: #000000; font-size: 11.50px;"><a href="#Question3">Ecrire la question n°3 ici</a></span></span></div>
<div align="justify"><span style="color: #000000; font-size: 11.50px;"><strong><br /></strong></span></div>
<div align="justify"><span style="color: #000000; font-size: 11.50px;"><strong><br /></strong></span></div>
<div align="justify"><span style="color: #000000; font-size: 11.50px;"><strong><br /></strong></span></div>
<div align="justify"><span style="color: #000000; font-size: 11.50px;"><strong><br /></strong></span></div>
<div align="justify"><span style="color: #000000; font-size: 11.50px;"><strong><br /></strong></span></div>
<div align="justify"><span style="color: #000000; font-size: 11.50px;"><strong><br /></strong></span></div>
<div align="justify"><span style="color: #000000; font-size: 11.50px;"><strong><br /></strong></span></div>
<div align="justify"><span style="color: #000000; font-size: 11.50px;"><strong><br /></strong></span></div>
<div align="justify"><span style="color: #000000; font-size: 11.50px;"><strong><br /></strong></span></div>
<div align="justify"><span style="color: #000000; font-size: 11.50px;"><strong><br /></strong></span></div>
<div align="justify"><span style="color: #000000; font-size: 11.50px;"><strong><br /></strong></span></div>
<div align="justify"><span style="color: #000000; font-size: 11.50px;"><strong><br /></strong></span></div>
<div align="justify"><span style="color: #000000; font-size: 11.50px;"><strong><br /></strong></span></div>
<div align="justify"><span style="color: #000000; font-size: 11.50px;"><strong><br /></strong></span></div>
<div align="justify"><span style="color: #000000; font-size: 11.50px;"><strong><br /></strong></span></div>
<div align="justify"><span style="color: #000000; font-size: 11.50px;"><strong><br /></strong></span></div>
<div align="justify"><span style="color: #000000; font-size: 11.50px;"><strong><br /></strong></span></div>
<div align="justify"><span style="color: #000000; font-size: 11.50px;"><strong>Réponses</strong></span></div>
<div align="justify"><span style="color: #000000; font-size: 11.50px;"><a name="Question1"></a>Réponse 1 ici</span></div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"><a href="#top">Haut de page</a></div>
<div align="justify"><span style="color: #000000; font-size: 11.50px;"><a name="Question2"></a>Réponse 2 ici</span></div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"><a href="#top">Haut de page</a></div>
<div align="justify"><span style="color: #000000; font-size: 11.50px;"><a name="Question3"></a>Réponse 3 ici</span></div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"> </div>
<div align="justify"><a href="#top">Haut de page</a></div>
.
Une fois que tu auras copier-coller le code html, tu verras ceci :
Ecrire la question n°1 ici
Ecrire la question n°2 ici
Ecrire la question n°3 ici

Réponses
Réponse 1 ici

Haut de page
Réponse 2 ici

Haut de page
Réponse 3 ici

Haut de page

Réponse 2 / 2

estelle-star Messages postés 2 Date d'inscription lundi 10 juin 2013 Statut Membre Dernière intervention 12 juin 2013
12 juin 2013 à 12:50

Merci Alerte16,
Je t'avoue que je désespérais un peu parce que personne ne me répondait. Et je prends volontiers ton code même s'il n'est pas comme la Foire aux questions sur http://www.eirl.fr/ Je vais le tester sur mon blog.

Merci encore :-)

Discussions similaires

sertissage des cables rj45

Code de renvoi d'appel : Ooredo, Mobilis...