IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Positionnement et z-index


Sujet :

Positionnement en CSS avec z-index

  1. #1
    Candidat au Club
    Profil pro
    Inscrit en
    Novembre 2009
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2009
    Messages : 7
    Points : 4
    Points
    4
    Par défaut Positionnement et z-index
    Bonjour,

    j'ai bien essayé, et j'ai meme bien cherché, mais j'arrive pas à trouver la solution... j'ai un probleme de position, j'ai beau changer, je n'ai toujours pas de plaisir !

    la source du tracas :

    http://yvanvan.free.fr/test.html

    en fait, j'ai 2 problemes :
    - je n'arrive pas à placer les png en dessous du texte.
    que je joue avec z-index, avec le type de position, bref, à peu pret tout !

    -le png etant par dessus, empeche la selection du texte ( moyennement grave ) mais le clic sur des liens, ou de remplir un formulaire ( deja beaucoup plus grave ! )

    j'ai appliqué un style different sur les 2 png pour tester...
    voila, ca me bloque sur plusieurs sites depuis longtemps, donc si une âme charitable peut m'aider !!
    merci beaucoup !

  2. #2
    Membre expérimenté
    Avatar de kaiser59
    Homme Profil pro
    Inscrit en
    Novembre 2005
    Messages
    1 264
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France

    Informations forums :
    Inscription : Novembre 2005
    Messages : 1 264
    Points : 1 350
    Points
    1 350
    Par défaut
    Salut,

    Pourquoi ne pas créer une image png avec tes deux étoiles, et mettre en background avec un repeat...?

  3. #3
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Points : 3 748
    Points
    3 748
    Par défaut
    Bonjour et bienvenue,

    Citation Envoyé par yvanobi Voir le message
    en fait, j'ai 2 problemes :
    - je n'arrive pas à placer les png en dessous du texte.
    que je joue avec z-index, avec le type de position, bref, à peu pret tout !
    z-index s'applique à un élément positionné en absolute, relative et fixed, ce qui n'est pas le cas pour ton bloc #text, il faudrait donc le positionner en relative et donner un z-index inférieur aux autres blocs positionnés.

  4. #4
    Candidat au Club
    Profil pro
    Inscrit en
    Novembre 2009
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2009
    Messages : 7
    Points : 4
    Points
    4
    Par défaut
    Bonjour, et merci de votre réponse.

    Pour répondre à Kaiser, ces 2 étoiles sont la pour illustrer les problèmes que j'ai avec une position:absolute et une position:relative.

    Ensuite, Macmillenium, mon problème c'est que je travail sur un site deja mis en place. et la plus part des elements sont deja positionner avec des enchainement de div, ainsi que des margin. ce qui veut dire que si je veux avoir un element qui se superpose à un autre, je dois mettre l'element en dessous en relative, ou absolute, et donc également tout les autres éléments qui rentrent en compte dans la superposition ? ( ce qui implique que la structure du site changera en partie en modifiant ce type de valeur )

    correct ?

  5. #5
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Points : 3 748
    Points
    3 748
    Par défaut
    Citation Envoyé par yvanobi Voir le message
    ce qui veut dire que si je veux avoir un element qui se superpose à un autre, je dois mettre l'element en dessous en relative, ou absolute,
    Si tu veux superposer, donc jouer sur le z-index, oui.
    Par ailleurs, si tu veux simplement passer un élément au premier plan, le fait de le positionner en relative, absolute ou fixed suffit.

  6. #6
    Candidat au Club
    Profil pro
    Inscrit en
    Novembre 2009
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2009
    Messages : 7
    Points : 4
    Points
    4
    Par défaut
    Bon, d'accord, je me suis cru dans photoshop un court instant ... très court.
    Je suppose donc qu'avec une série d'elements dont la position à été modifié, c'est l'ordre dans la page xhtml qui change leurs niveaux, sans passer par le z-index.

    Merci encore

Discussions similaires

  1. Réponses: 1
    Dernier message: 21/11/2011, 14h53
  2. Positionnement d'index pour optimiser une requête
    Par Monstros Velu dans le forum Développement
    Réponses: 14
    Dernier message: 17/02/2010, 16h53
  3. positionnement infobulle z-index
    Par mcdelay dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 29/06/2007, 13h20
  4. [Technique] Intérêt des index
    Par ddams dans le forum Décisions SGBD
    Réponses: 10
    Dernier message: 04/11/2002, 15h11
  5. Requête imbriquée et indexes INTERBASE
    Par vadim dans le forum InterBase
    Réponses: 2
    Dernier message: 06/09/2002, 16h15

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo