Margin en html
Résolu
Bonjour, j'ai rajouté ce week-end une bannière à mon site et automatiquement, j'ai une magin de 20px au dessus et au dessous de l'image, au départ, je pensait que cela venait du html 5 mais même en changeant la version.
Voici css de l'image
J'ai déjà fais cette opération des millions de fois et cela n'a jamais causé de problème. Qu'est-ce que je peut faire?
Voici le lien de site pour voir le problème : http://www.web-ultime.com/
Merci d'avance
Voici css de l'image
#header img {
border-radius : 10px 10px 0px 0px;
margin-top : 0px;
margin-bottom : 0px;
}
J'ai déjà fais cette opération des millions de fois et cela n'a jamais causé de problème. Qu'est-ce que je peut faire?
Voici le lien de site pour voir le problème : http://www.web-ultime.com/
Merci d'avance
10 réponses
-
salut,
je ne suis pas sur mais je crois que le probleme vient de ton style.css (le padding de 10px)
#container {
background-color: #FFFFFF;
border-radius: 10px 10px 10px 10px;
box-shadow: 1px 1px 12px #555555;
margin: auto;
padding: 10px;
width: 980px;
} -
j'ai effacer padding et mis une bordure blanche mais le problème est toujours là
-
j'ai réussi à corrigé la problème en mettant un
float : left;
à ma div -
mais le problème vient maintenant de ma barre de menu
-
resalut,
le probleme vient de style.css ligne 12 (mettre margin-bottom à 0)
#contour_menu {
background-image: url("/img/fond.png");
height: 25px;
margin-bottom: 10px;
width: 980px; -
cela ne résoud rien de plus je n'ai plus d' ecart entre la barre de menu et le cadre de texte
-
Enfaite le résultat est très différent si j'utilise firefox ou google chromehttp://www.web-ultime.com/e.png
-
Salut,
Si tu mets à ton image un simple
margin:20px 0;
Ça ne règle pas ton problème ?
Si je comprends bien ta question, aucune incompatibilité de navigateur ne devrait survenir... -
c' est bon j'ai remis l' image et vosu pouvez constater que il y a un espace de 20px au dessus de l'image
-
-
-
-
En gros c'est un peu un entre-deux entre le inline et le block... Quand j'ai des phénomènes comme le tien, c'est souvent une des premières choses que je tente : mettre des display:inline-block partout ! ;-)
Nan sérieusement, ceci devrait t'aider à comprendre.
C'est juste que des display:block ou display:inline-block ont tendance à stabiliser les margin et les padding... -
-
-
avec du javascript tu peux regler le probleme en changeant les valeurs a chaque fois qu'il reconnait un navigateur
