Dérouler un paragraphe
dondotirote
-
avion-f16 Messages postés 20368 Date d'inscription Statut Contributeur Dernière intervention -
avion-f16 Messages postés 20368 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
stagiaire dans une entreprise et novice en informatique, j'utilise DW depuis quelques semaines.
Ma patronne m'a demandé de faire dérouler un paragraphe en dessous de chaque grand titre pour une meilleure visibilité. Sur ce site j'ai donc utilisé le code proposé ici= https://forums.commentcamarche.net/forum/affich-2016983-derouler-un-paragraphe
Il est très bien mais la boite ouverte se place au dessus du texte suivant, chose que je ne veux pas. Il faudrait que le titre suivant se décale afin d'être constamment vu (boite ouverte ou non) et qu'on ait pas à refermer la boite pour voir ce qu'il y a dessous.
Je vous remercie grandement. J'espère avoir été claire et si besoin demandez moi mon code !
merci beaucoup
stagiaire dans une entreprise et novice en informatique, j'utilise DW depuis quelques semaines.
Ma patronne m'a demandé de faire dérouler un paragraphe en dessous de chaque grand titre pour une meilleure visibilité. Sur ce site j'ai donc utilisé le code proposé ici= https://forums.commentcamarche.net/forum/affich-2016983-derouler-un-paragraphe
Il est très bien mais la boite ouverte se place au dessus du texte suivant, chose que je ne veux pas. Il faudrait que le titre suivant se décale afin d'être constamment vu (boite ouverte ou non) et qu'on ait pas à refermer la boite pour voir ce qu'il y a dessous.
Je vous remercie grandement. J'espère avoir été claire et si besoin demandez moi mon code !
merci beaucoup
A voir également:
- Dérouler un paragraphe
- Chaque paragraphe doit être espacé de 0,42 cm ou 12 pt du paragraphe qui suit - Guide
- Comment supprimer les marques de paragraphe ¶ outlook - Forum Microsoft Office
- Comment supprimer les marques de paragraphe ¶ word - Forum Word
- Comment faire un menu déroulant dans excel - Guide
- Justifier un paragraphe pix ✓ - Forum Word
1 réponse
Dans ton contenu :
Dans le CSS :
Et la fonction Javascript :
<a href="#" onclick="return afficher('titre1');">Titre 1</a><br/>
<p id="titre1" class="invisible">
Texte du titre 1
</p>
<a href="#" onclick="return afficher('titre2');">Titre 2</a><br/>
<p id="titre2" class="invisible">
Texte du titre 2
</p>
Dans le CSS :
.invisible { display:none; }
Et la fonction Javascript :
function afficher(id) {
elem = document.getElementById(id);
elem.style.display = (elem.style.display == 'block') ? 'none' : 'block' ;
return false;
}
