28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai eu quelques soucis lors de la création d'un nouveau thème WordPress, dans lequel le contenu des articles utilise la place restante à droite de la sidebar, puis la totalité de la largeur quand la sidebar est finie.

Le souci vient maintenant de mes listes UL et OL. Merci d'avance pour votre aide.

Voici la configuration du thème :
- Une sidebar placée à gauche en float left, de largeur fixe mais de hauteur variable
- La sidebar est placée dans un bloc de contenu de largeur 100%, et de hauteur variable également.

Mes listes sont configurées comme suit :
- list-style:none;
- Un background image

Après plusieurs heures de boulot, j'ai réussi à placer parfaitement les différents types de contenus (p, img, blockquote, h2, ...), sauf mes listes. En réalité, mes contenus font bien toute la largeur, mais le texte est correctement poussé vers la droite de la sidebar.

Le souci est que mon background image se place par dessus ou sous ma sidebar. Quand j'enlève mon liste-style:none, je peux voir que les puces sont bien positionnées. Mais comme j'utilise un background image, celui-ci se place en dessous ou au dessus de ma sidebar (vu que mes contenus font toute la largeur.

Je ne peux malheureusement pas ajouter une marge ou un padding fixe à gauche car sinon cela n'afficherait pas correctement mes listes plus bas (quand la sidebar n'est plus là). Je ne peux pas non plus séparer mon contenu en deux, car la hauteur de ceux-ci sont variables (que ce soit le contenu de la sidebar ou de l'article).

Voici le rendu actuel, avec deux listes colorées en rouge, dont la première s'affiche par dessous ma sidebar...


http://img263.imageshack.us/img263/9181/erreurul.jpg


Une autre personne ayant eu le même problème résume bien la situation :

http://img695.imageshack.us/img695/1328/cssquestion.jpg

Merci encore pour votre aide.
Modifié par Confridin (17 Jan 2011 - 12:23)