La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Position absolute/ Problème z-index
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Position absolute/ Problème z-index  (Lu 1549 fois)
Position absolute/ Problème z-index
« sur: le 04-04-2012 a 16:16:29 »
bouledegomme
Membre récent
*

Hors-Ligne

Messages: 10





Voir le Profil
Répondre avec citation

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??? 

Rapporter au modérateur  

Re:Position absolute/ Problème z-index
« Répondre #1 sur: le 04-04-2012 a 17:27:16 »
KB
Superactif
****

Hors-Ligne

Messages: 613





Voir le Profil
Répondre avec citation

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.

Rapporter au modérateur  
Re:Position absolute/ Problème z-index
« Répondre #2 sur: le 04-04-2012 a 17:32:28 »
bouledegomme
Membre récent
*

Hors-Ligne

Messages: 10





Voir le Profil
Répondre avec citation

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?



Rapporter au modérateur  
Re:Position absolute/ Problème z-index
« Répondre #3 sur: le 04-04-2012 a 17:34:42 »
bouledegomme
Membre récent
*

Hors-Ligne

Messages: 10





Voir le Profil
Répondre avec citation

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....

Rapporter au modérateur  
Re:Position absolute/ Problème z-index
« Répondre #4 sur: le 04-04-2012 a 18:40:26 »
KB
Superactif
****

Hors-Ligne

Messages: 613





Voir le Profil
Répondre avec citation

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 !

Rapporter au modérateur  
Re:Position absolute/ Problème z-index
« Répondre #5 sur: le 04-04-2012 a 18:49:42 »
bouledegomme
Membre récent
*

Hors-Ligne

Messages: 10





Voir le Profil
Répondre avec citation

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.

Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg