Problème de superposition de DIV

Résolu
Bonjour,

Sur ma page index, je voudrais mettre une phrase au dessus d'une image malheureusement ça ne marche pas. Quand je met la phase sur l'image elle se met derrière l'image.

voici le code de l'image en question:

#droite {
margin-left:0px;
margin-top:0px;
width:200px;
height:739px;
margin-bottom:0px;
float:left;
display:inline;
background-image:url(image/decoupe/droite.jpg);
overflow:hidden;
Line-height:20px;
list-style: none;
background-repeat:no-repeat;
position:relative;
font-size:11px;}

voici le code du texte en question:

define('TEXT_GREETING_GUEST', '
<a href="%s"><u><div id="test"> Créer un compte ?</u></a></div>');

#test{

position:absolute;
color:#000;
font-size:20px;
margin-top:600px;
margin-left:600px;
}

Merci d'avance

1 réponse

  1. hello, essaye avec :

    #test{
    position:absolute;
    color:#000;
    font-size:20px;
    margin-top:600px;
    margin-left:600px;
    z-index:10000;
    }
    1. z-index
    2. salut prosthetiks,

      je viens d'essayer le code avec l'ajout de la fonction z-index:10000; effectivement ça marche j'arrive à superposer le texte sur l'image, par contre j'ai un autre problème , texte ne s'affiche pas correctement il revient à la ligne comme si il y a un <br> </br> entre chaque mot

      voici la phrase:

      Créer un compte ?

      voici comment elle s'affiche:

      Créer
      un
      compte
      ?

      Merci
    3. essaie de préciser le width de l'element test
    4. salut tito23,

      Effectivement ça marche.

      Merci pour ton aide.
      à la prochaine.