+- MyBB.support, le portail francophone de MyBB (https://mybb.support)
+-- Forum : MyBB.fr (https://mybb.support/forum-1.html)
+--- Forum : Support (https://mybb.support/forum-5.html)
+--- Sujet : [Résolu] Mon logo bouge (/thread-4564.html)
[Résolu] Mon logo bouge - Underson - 08-08-2011
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
RE: Mon logo bouge - valix - 08-08-2011
Ta pris mon pseudo toi !!
RE: Mon logo bouge - Underson - 08-08-2011
Euh trompé de sujet non ?
RE: Mon logo bouge - spyto - 08-08-2011
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 !...
RE: Mon logo bouge - Underson - 08-08-2011
Je viens de mettre , mais le logo n'est pas centrer, pourquoi ?
RE: Mon logo bouge - spyto - 08-08-2011
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;
}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 !!!
RE: Mon logo bouge - Underson - 08-08-2011
Merci beaucoup !!!! Tout marche nikel :p
Sujet résolu.