CSS sommaire décalé
Résolu/Fermé
CherokeeMat
Messages postés
6
Date d'inscription
jeudi 1 août 2019
Statut
Membre
Dernière intervention
13 août 2019
-
13 août 2019 à 08:57
Morseaux Messages postés 38 Date d'inscription jeudi 27 septembre 2018 Statut Membre Dernière intervention 19 septembre 2024 - 13 août 2019 à 10:31
Morseaux Messages postés 38 Date d'inscription jeudi 27 septembre 2018 Statut Membre Dernière intervention 19 septembre 2024 - 13 août 2019 à 10:31
Bonjour bonjour !
J'ai un petit soucis car après avoir réussi à mettre mon sommaire sur toute la largeur de l'écran, je me rends compte que ce même 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 vous avez une solution, je suis preneur :p
A bientôt,
J'ai un petit soucis car après avoir réussi à mettre mon sommaire sur toute la largeur de l'écran, je me rends compte que ce même 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 vous avez une solution, je suis preneur :p
A bientôt,
A voir également:
- CSS sommaire décalé
- Sommaire word - Guide
- Exemple sommaire rapport de stage - Guide
- Sommaire des annexes ✓ - Forum Word
- Sous titre décalé prime vidéo - Forum TV & Vidéo
- Css exposant ✓ - Forum CSS
1 réponse
Morseaux
Messages postés
38
Date d'inscription
jeudi 27 septembre 2018
Statut
Membre
Dernière intervention
19 septembre 2024
216
13 août 2019 à 09:31
13 août 2019 à 09:31
Salut Cherokee!
Je pense que le problème vient de la règle css "width: 100%" que tu as rajouté a ton #toc_container, qui s'ajoute au padding de 10 px ce qui donne cet impression de décalage :)
Plein de solutions pour résoudre le problème :
- tu peux bidouiller le padding pour qu'il arrête de t'embêter
- tu peux un peu réduire la valeur du "width" que tu as rajouté, ce qui centrera ton toc (le descendre à 98% par exemple)
- Et la méthode en mode bidouilleur, si tu veux vraiment garder le TOC en pleine largeur, serait de coller un margin-left négatif à ton toc (égal au padding qui produit le bug, donc 10px). Tu peux essayer de rajouter ça à #toc_container :
margin-left: -10px!important
Dis-moi ce que ça donne ;)
Je pense que le problème vient de la règle css "width: 100%" que tu as rajouté a ton #toc_container, qui s'ajoute au padding de 10 px ce qui donne cet impression de décalage :)
Plein de solutions pour résoudre le problème :
- tu peux bidouiller le padding pour qu'il arrête de t'embêter
- tu peux un peu réduire la valeur du "width" que tu as rajouté, ce qui centrera ton toc (le descendre à 98% par exemple)
- Et la méthode en mode bidouilleur, si tu veux vraiment garder le TOC en pleine largeur, serait de coller un margin-left négatif à ton toc (égal au padding qui produit le bug, donc 10px). Tu peux essayer de rajouter ça à #toc_container :
margin-left: -10px!important
Dis-moi ce que ça donne ;)
13 août 2019 à 10:02
Merci beaucoup Morseaux
13 août 2019 à 10:31