Code HTML sommaire sur toute la largeur (tout en restant responsive)
Résolu
Mat
-
CherokeeMat Messages postés 6 Date d'inscription Statut Membre Dernière intervention -
CherokeeMat Messages postés 6 Date d'inscription Statut Membre Dernière intervention -
Hello !
Je réalisé pour mon plus grand plaisir des sites wordpress, sans avoir la moindre notion de dev :p
Généralement je m'en sort avec les tutos du web, mais là je n'arrive pas a appliquer mon cas de figure.
J'ai un module pour placer mon sommaire dans mes articles, seulement, avant déroulement, il se colle à gauche et c'est... moche :p
Est-il possible de configurer en HTLM ce sommaire de façon à lui demander de prendre toute la largeur de la page (responsive comprit) ?
Aujourd'hui, pour intégrer mon sommaire, j'insère un module HTML et j'entre simplement le code
[toc]
pour ordonner à mon sommaire de se placer où je le souhaite.
Si vous avez des suggestions pour qu'il s'affiche sur toute la largeur, je suis preneur ! Merci :)
Je réalisé pour mon plus grand plaisir des sites wordpress, sans avoir la moindre notion de dev :p
Généralement je m'en sort avec les tutos du web, mais là je n'arrive pas a appliquer mon cas de figure.
J'ai un module pour placer mon sommaire dans mes articles, seulement, avant déroulement, il se colle à gauche et c'est... moche :p
Est-il possible de configurer en HTLM ce sommaire de façon à lui demander de prendre toute la largeur de la page (responsive comprit) ?
Aujourd'hui, pour intégrer mon sommaire, j'insère un module HTML et j'entre simplement le code
[toc]
pour ordonner à mon sommaire de se placer où je le souhaite.
Si vous avez des suggestions pour qu'il s'affiche sur toute la largeur, je suis preneur ! Merci :)
A voir également:
- Code HTML sommaire sur toute la largeur (tout en restant responsive)
- Code ascii - Guide
- Sommaire word - Guide
- Code puk bloqué - Guide
- Comment déverrouiller un téléphone quand on a oublié le code - Guide
- Code activation windows 10 - Guide
3 réponses
Tu rajoutes ça dans les styles
#toc_container{width:100% !important}
CherokeeMat
Messages postés
6
Date d'inscription
Statut
Membre
Dernière intervention
Parfait ! Merci beaucoup !
Salut Mat,
Oui c'est possible en surchargeant les styles du sommaire. Tu peux faire ça à partir de l'interface d'admin du wordpress.
Maintenant il me faudrait une URL de démo pour que je puisse t'aider plus amplement.
++
Oui c'est possible en surchargeant les styles du sommaire. Tu peux faire ça à partir de l'interface d'admin du wordpress.
Maintenant il me faudrait une URL de démo pour que je puisse t'aider plus amplement.
++
Hello Dsyren,
Je l'avais intégré à un article test encore en brouillon. J'ai appliqué mes réglages actuel à cet article pour te donner un exemple :
https://lescomparateurs.fr/tablettes-tactiles-android-10-pouces-classement-budget/
A priori, si mon système de sommaire est rôdé, je vais le généraliser à tous les articles avec un peu de longueurs comme celui-ci.
Pour que tu comprennes précisément ce que je souhaite comme résultat : de base, le sommaire est volontairement masqué. Lorsque je le déroule, il prend toute la largeur. Je souhaiterai que même marqué, l'encart prenne toute la largeur lui aussi. J'ai trouvé ce site qui le gère bien et qui doit utiliser le même plugin :
https://www.youprix.com/traducteur-instantane/
J'utilise Visual Composer. Je peux donc appliquer un style à chaque page très simplement.
Merci pour ton aide :)
Je l'avais intégré à un article test encore en brouillon. J'ai appliqué mes réglages actuel à cet article pour te donner un exemple :
https://lescomparateurs.fr/tablettes-tactiles-android-10-pouces-classement-budget/
A priori, si mon système de sommaire est rôdé, je vais le généraliser à tous les articles avec un peu de longueurs comme celui-ci.
Pour que tu comprennes précisément ce que je souhaite comme résultat : de base, le sommaire est volontairement masqué. Lorsque je le déroule, il prend toute la largeur. Je souhaiterai que même marqué, l'encart prenne toute la largeur lui aussi. J'ai trouvé ce site qui le gère bien et qui doit utiliser le même plugin :
https://www.youprix.com/traducteur-instantane/
J'utilise Visual Composer. Je peux donc appliquer un style à chaque page très simplement.
Merci pour ton aide :)
Bonjour à nouveau dsyren,
Merci encore pour ta réponse de l'autre jour.
Si possible, j'ai encore besoin de ton expertise : le sommaire est décalé sur la droite par rapport au contenu des articles : https://lescomparateurs.fr/lecteur-dvd-portable/
J'aimerai le centrer mais le plugin ne me permet pas de le configurer simplement.
De plus, lorsque j’intègre les balises HTML <center> </center> au code d'intégration, il me centre malheureusement tout le texte du sommaire (et je souhaite que ce texte reste aligné sur la gauche).
Si tu as une solution, je suis preneur :p
A bientôt,
Merci encore pour ta réponse de l'autre jour.
Si possible, j'ai encore besoin de ton expertise : le sommaire est décalé sur la droite par rapport au contenu des articles : https://lescomparateurs.fr/lecteur-dvd-portable/
J'aimerai le centrer mais le plugin ne me permet pas de le configurer simplement.
De plus, lorsque j’intègre les balises HTML <center> </center> au code d'intégration, il me centre malheureusement tout le texte du sommaire (et je souhaite que ce texte reste aligné sur la gauche).
Si tu as une solution, je suis preneur :p
A bientôt,