[Résolu] Mon logo bouge

[Underson]

Bonjour a tous !

J'ai un soucis avec la config de l'emplacement de mon logo.png , quand je dézoom la page il bouge de place je ne sais pas pourquoi, je vous envoie mon global.css voir si vous pouvez faire quelque chose, merci d'avance !
Forum : onecraft.franceserv.com/Forum

Code :

body {
    background: url(../../../images/mynecraft/bg.png) repeat-x fixed;
    color: #000;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
    text-align: center; /* IE 5 fix */
    line-height: 1.4;
    float: center;
}

.logo {    
    float: center;
    width: 332px;
    border: 0px solid #2f2f2f;
    margin-left: 450px;
    padding: 0px;
    text-align: left;
    height: 340px;

}

Merci encore,

Cordialement,
Underson

[valix]

Ta pris mon pseudo toi !!

[Underson]

Euh trompé de sujet non ?

[spyto]

float: center ça n'existe pas !... que je sache (left, right, none et c'est tout !)
Et margin-left: 450px; te met le logo à 450px du bord gauche, quelle que soit la taille de la fenêtre !

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

Ton image est trop grande !
Elle fait 610x332, aussi, je ne comprends pas trop les 332x340 que tu mets ci-dessus !...

[Underson]

Je viens de mettre , mais le logo n'est pas centrer, pourquoi ?

[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 !!!

[Underson]

Merci beaucoup !!!! Tout marche nikel :p
Sujet résolu.