Discussion :

[jojosbiz]

Bonjour à tous, j'ai un problème d'héritage de propriétés css.

J'essai de mettre en place Lightbox sous WebDev.

Pas de problème, ça marche ... mis à part une chose, c'est que le conteneur de l'image est collé à gauche de l'écran et non centré.
Ceci vient du code css suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
div,table,input{display:inline;float:left}

qui est mis dans la page directement par WebDev, sans aucun moyen de le modifier / supprimer.

J'ai essayé de modifier le css de Lightbox en ajoutant des propriétés avec leurs valeurs par défaut:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
#lightbox{
	position: absolute;
        display: block;
        float: none;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

pensant que ça "écraserait" le css général, mais ça n'a en fait aucun effet, alors que si avec Firebug je supprime

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
div,table,input{display:inline;float:left}

la lightbox se retrouve centrée dans le navigateur.

Donc si quelqu'un a une idée pour supprimer l'effet de ce bout de code sur "#lightbox", je suis preneur, que ce soit en css ou en javascript (j'ai essayé aussi comme ça, sans résultat).

[mael94420]

ton width: 100%; est il obligatoire?
Si non, essaye de mettre une valeur plus petite et d'ajouter :
margin: 0 auto;

[jojosbiz]

Salut et merci pour la réponse, je vais essayer ça, je n'y avais pas pensé.