Titre: Position absolute/ Problème z-index
Posté par: bouledegomme le le 04-04-2012 a 16:16:29
Bonjour à tous!
Pouvez vous me conseiller pour le positionnement CSS?
Je souhaite insérer une image différente pour chacune de mes pages, sur la gauche.
J'ai donc inséré ceci dans style.css (dans la partie "content area")
Code:
#imagedefond1 {
background: url(images/miseenpage.jpg) no-repeat;
position: absolute; top: 50px; left: 0px;
} |
|
Puis ceci dans la page souhaitée via l’éditeur html
Code:
| <div id="imagedefond1"> Mon texte </div> |
|
Comme vous pouvez le constater sur http://quaidesgraph.com/mise-en-page/ l'image s'affiche. Cependant le footer remonte.
J'ai donc testé en ajoutant z-index 1 ou 19 (il y 19 élements en absolute.) Mais avec cette instruction, le footer disparait complétement.... ???
(Je "bidouille" un Wordpress 3.3 héberger chez OVH avec le théme Graphéne.)
Avez vous une idée sur la question??? :D |
Titre: Re:Position absolute/ Problème z-index
Posté par: KB le le 04-04-2012 a 17:27:16
salut,
Ta construction n'est pas bonne et je ne vois pas le rappot entre le z-index et le placement 'image su la gauche. C'est pas clair.
Tu te complique vraiment la vie avec ta position absolute . supprime là.
Mets ton image de background sur cette div et créé ta div de contenu dedans celle-ci peut etre en position absolute. |
Titre: Re:Position absolute/ Problème z-index
Posté par: bouledegomme le le 04-04-2012 a 17:32:28
Merci KB de me venir en aide...
"Mets ton image de background sur cette div et créé ta div de contenu dedans celle-ci peut etre en position absolute."
Je suis vraiment désolée mais je ne comprend pas vraiment ce que tu veux m'expliquer (éh oui je débute)
Une div dans une autre diV ? Lequelles?
|
Titre: Re:Position absolute/ Problème z-index
Posté par: bouledegomme le le 04-04-2012 a 17:34:42
| Précision si cela peu t'aider: je ne veux pas qu'il y est des bordures autours de l'image...Je souhaite que le noir du fond de l'image se confonde avec la couleur de fond.... |
Titre: Re:Position absolute/ Problème z-index
Posté par: KB le le 04-04-2012 a 18:40:26
Voila ce que je ferai:
1° suppression de la position absolute sur #imagedefond1
2° tu met en background ton image de fond avec CSS sur ta div blanche qui contient tout le contenu
3° Tu créé ta div "texte" que tu place ou tu vux dans ta div blanche
Tu créé on site avec quoi? car y'a plein plein de code inuile ! |
Titre: Re:Position absolute/ Problème z-index
Posté par: bouledegomme le le 04-04-2012 a 18:49:42
ok, séparer les deux...
je suis sous wordpress 3;3 avec le théme Graphéne, héberger chez ovh...
Je te remercie beaucoup KB, je vais essayer de voir ça demain. |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|