Probleme pour centrer mon image en html - css
EuphoriK
Messages postés
1
Date d'inscription
Statut
Membre
Dernière intervention
-
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
A voir également:
- Probleme pour centrer mon image en html - css
- Editeur html - Télécharger - HTML
- Image iso - Guide
- Reduire taille image - Guide
- Acronis true image - Télécharger - Sauvegarde
- Légender une image - Guide
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;
}
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;
}
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
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
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>
<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 :(
