Margin en html
Résolu
Kaotix96
Messages postés
164
Statut
Membre
-
Kaotix96 Messages postés 164 Statut Membre -
Kaotix96 Messages postés 164 Statut Membre -
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
A voir également:
- Margin en html
- Editeur html - Télécharger - HTML
- Br html ✓ - Forum Webmastering
- Espace en html ✓ - Forum Webmastering
- Html download - Télécharger - HTML
- Nbsp html ✓ - Forum Webmastering
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;
}
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;
}
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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;
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;
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...
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...
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...
