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 :
qui est mis dans la page directement par WebDev, sans aucun moyen de le modifier / supprimer.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2 div,table,input{display:inline;float:left}
J'ai essayé de modifier le css de Lightbox en ajoutant des propriétés avec leurs valeurs par défaut:
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
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; }
la lightbox se retrouve centrée dans le navigateur.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2 div,table,input{display:inline;float:left}
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).
Partager