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
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
-
Ok :) si tu sais juste me passer ton adresse mail
-
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 -
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 :(
-
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> -
Rien n'a faire cela ne fonctionne pas :(
Mon image reste a gauche de mon header et ne veux pas bouger -
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 -
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;
} -
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;
}
