[Résolu] Mon logo bouge

[spyto]

Parce que la taille de ton image ne correspond pas aux dimensions spécifiées dans le CSS !!!

Je te l'ai déjà dit :ton image fait 610x332 ! Elle est trop grande pour le conteneur .logo (332x340) !
De plus 332x340, ce n'est même pas à l’échelle par rapport à 610x332.

1. Si tu veux une image aussi grande, alors spécifie les bonnes dimensions (ou plus) dans le CSS :

Code :

.logo {
width: 610px;
height: 332px;
margin: 0 auto;
}

2. Ou encore mieux, mets une largeur plus que suffisante (je pense que spécifier la hauteur est inutile dans la mesure où tu n'as pas de 'background' dans le CSS .logo, mais que tu inclus une balise <img>: dedans) :

Code :

.logo {
width: 700px;
margin: 0 auto;
}

devrait marcher aussi...

3. Dernière option : redimensionner ton image et la remplacer. Par exemple en la réduisant de moitié (soit 305x166 pixels) :

Code :

.logo {
width: 305px;
height: 166px;
margin: 0 auto;
}

Edit : non le deuxième code (width: 700px) n'ira pas car l'image ne sera pas centrée... Oublie le 2. ci-dessus !!!