Probleme pour centrer mon image en html - css

Fermé
EuphoriK Messages postés 1 Date d'inscription vendredi 18 mai 2012 Statut Membre Dernière intervention 19 mai 2012 - 19 mai 2012 à 12:00
 EuphoriK - 25 mai 2012 à 12:47
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
A voir également:

8 réponses

shoub-tcy Messages postés 169 Date d'inscription mardi 6 mars 2012 Statut Membre Dernière intervention 23 mai 2012 2
Modifié par shoub-tcy le 23/05/2012 à 17:38
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;
}
0
xX-DESTROYED-Xx
23 mai 2012 à 17:36
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;
}
0
pascal_sevran Messages postés 159 Date d'inscription mardi 22 mai 2012 Statut Membre Dernière intervention 26 juin 2012 6
23 mai 2012 à 18:15
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
0
shoub-tcy Messages postés 169 Date d'inscription mardi 6 mars 2012 Statut Membre Dernière intervention 23 mai 2012 2
23 mai 2012 à 18:19
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.
0
pascal_sevran Messages postés 159 Date d'inscription mardi 22 mai 2012 Statut Membre Dernière intervention 26 juin 2012 6
23 mai 2012 à 18:23
ha oui autant pour moi
0
pascal_sevran Messages postés 159 Date d'inscription mardi 22 mai 2012 Statut Membre Dernière intervention 26 juin 2012 6
23 mai 2012 à 18:24
de toute facon je ne pense pas que ca fonctionne
0
Rien n'a faire cela ne fonctionne pas :(
Mon image reste a gauche de mon header et ne veux pas bouger
0

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>
0
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 :(
0
xX-DESTROYED-Xx
24 mai 2012 à 08:09
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
0
Ok :) si tu sais juste me passer ton adresse mail
0
xX-DESTROYED-Xx
25 mai 2012 à 04:37
Salut pas de souci;

Mon adresse c'est :

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