Code html et CSS pour foire aux questions accordéon

Résolu

estelle-star Messages postés 2 Date d'inscription Statut Membre Dernière intervention -
estelle-star Messages postés 2 Date d'inscription Statut Membre Dernière intervention - 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 :-).

Afficher la suite

A voir également:

Faq html css code
Code ascii - Guide
Code puk bloqué - Guide
Comment déverrouiller un téléphone quand on a oublié le code - Guide
Code activation windows 10 - Guide
Editeur html - Télécharger - HTML

2 réponses

Réponse 1 / 2

Alerte16 Messages postés 9 Date d'inscription Statut Membre Dernière intervention 6

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 Statut Membre Dernière intervention

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

Saut de lignes sans <br/>

Votre réponse

Discussions similaires