Probleme pour centrer mon image en html - css
EuphoriK
Messages postés
2
Statut
Membre
-
EuphoriK -
EuphoriK -
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
-
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;
} -
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,
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 -
Rien n'a faire cela ne fonctionne pas :(
Mon image reste a gauche de mon header et ne veux pas bouger -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
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> -
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 :(
-
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 -
