Probleme pour centrer mon image en html - css

Bonjour,



Voila j'ai un probleme pour centrer mon image dans mon header

Voici mon CSS

#header{
height: 238px;
background: #151311;
}

#header p{
text-indent: -9999px;
background-image: url(logo-eminem.png) center;
height: 238px;
width: 213px;
}

Et voici mon HTML

<div id="header">

<p>Eminem</p>

</div>

Le probleme c'est que mon image disparait totalement. Et quand j'enleve le center du background-image, l'image se met tout à gauche. Impossible de la bouger de la

Merci

8 réponses

  1. Bonjour,

    Essayes comme ça pour voir:

    #header p{
    text-indent: -9999px;
    background-image: url(logo-eminem.png);
    background-repeat:no-repeat;
    background-position: center center;
    height: 238px;
    width: 213px;
    }
    1. Salut,

      Tu peux aussi le faire avec

      #header p{
      text-indent: -9999px;
      background-image: url(logo-eminem.png);
      background-repeat:no-repeat;
      align: center;
      height: 238px;
      width: 213px;
      }
      1. Bonjour,
        je suis pas chez moi et je n'ai pas moyen de tester avant de poster
        je n'ai jamais essayer alors je risque de passer pour une grosse nul

        il existe float qui fonctionne avec bottom right, left, top

        pourquoi pas essayer center
        du style

        #image { float : center;}

        pfff je croi que c est pas une bonne idee
        a voir et bonne continuation
        1. Le problème est qu'il appelle son image directement dans le CSS avec la propriété "background-image" et non dans le Html, il ne peut donc pas utiliser directement "#image". Enfin je crois.
        2. ha oui autant pour moi
        3. de toute facon je ne pense pas que ca fonctionne
      2. Rien n'a faire cela ne fonctionne pas :(
        Mon image reste a gauche de mon header et ne veux pas bouger
        1. test cette version là

          <td style="align: center;">...tu mets ton image dedans...</td>

          ou

          <td style="background-image: url(../images/.........jpg); background-repeat: no-repeat; width: 400px; height: 103px; align: center;"></td>
          1. Fonctionne toujours pas :( Je sais pas pourquoi mon image reste a gauche de mon header. Ce n'est pas normal, elle est scencée bouger quand meme :(
            1. tu peux me faire parvenir le code ... c'est pour mieu comprendre t'aider à ton problème d'image.

              envoie le moi par E-mail ... ok
              1. Ok :) si tu sais juste me passer ton adresse mail
                1. Salut pas de souci;

                  Mon adresse c'est :

                  o0-merci-0o
                  @
                  bluewin.ch
                2. Voila j'ai envoyé
                  Un tout grand merci à toi en tout cas :)