Margin en html

Résolu/Fermé

Kaotix96 Messages postés 108 Date d'inscription lundi 5 septembre 2011 Statut Membre Dernière intervention 5 juillet 2013 - 7 nov. 2011 à 19:46
Kaotix96 Messages postés 108 Date d'inscription lundi 5 septembre 2011 Statut Membre Dernière intervention 5 juillet 2013 - 9 nov. 2011 à 16:52

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

#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 HTML
&Nbsp html - Forum HTML
Espace en html ✓ - Forum HTML
[**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering

10 réponses

Réponse 1 / 10

Utilisateur anonyme
7 nov. 2011 à 20:27

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;
}

Réponse 2 / 10

Kaotix96 Messages postés 108 Date d'inscription lundi 5 septembre 2011 Statut Membre Dernière intervention 5 juillet 2013 12
7 nov. 2011 à 20:56

j'ai effacer padding et mis une bordure blanche mais le problème est toujours là

Réponse 3 / 10

Kaotix96 Messages postés 108 Date d'inscription lundi 5 septembre 2011 Statut Membre Dernière intervention 5 juillet 2013 12
7 nov. 2011 à 21:05

j'ai réussi à corrigé la problème en mettant un

float : left;

à ma div

Réponse 4 / 10

Kaotix96 Messages postés 108 Date d'inscription lundi 5 septembre 2011 Statut Membre Dernière intervention 5 juillet 2013 12
7 nov. 2011 à 21:09

mais le problème vient maintenant de ma barre de menu

Utilisateur anonyme
7 nov. 2011 à 21:21

tu voudrais faire quoi à ta barre?

Kaotix96 Messages postés 108 Date d'inscription lundi 5 septembre 2011 Statut Membre Dernière intervention 5 juillet 2013 12
8 nov. 2011 à 18:00

la remonter car il ya un trop grand espace entre l'image et la barre

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 10

Utilisateur anonyme
8 nov. 2011 à 19:38

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;

Utilisateur anonyme
Modifié par ammmmmine le 8/11/2011 à 19:40

pour identifier les problemes liés à l'HTML/CSS plus facilement, je te conseille d'installer l'extension firebug ... ca aide enormement :p

Réponse 6 / 10

Kaotix96 Messages postés 108 Date d'inscription lundi 5 septembre 2011 Statut Membre Dernière intervention 5 juillet 2013 12
8 nov. 2011 à 19:40

cela ne résoud rien de plus je n'ai plus d' ecart entre la barre de menu et le cadre de texte

Utilisateur anonyme
Modifié par ammmmmine le 8/11/2011 à 19:42

tu peux modifier le margin pour avoir la hauteur que tu veux ...

Réponse 7 / 10

Kaotix96 Messages postés 108 Date d'inscription lundi 5 septembre 2011 Statut Membre Dernière intervention 5 juillet 2013 12
8 nov. 2011 à 19:49

Enfaite le résultat est très différent si j'utilise firefox ou google chromehttp://www.web-ultime.com/e.png

telliak Messages postés 3667 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 4 novembre 2024 876
8 nov. 2011 à 23:01

Tu as tout sabré ? Je n'ai pas d'affichage du menu...

Réponse 8 / 10

coeus Messages postés 3021 Date d'inscription samedi 13 janvier 2007 Statut Membre Dernière intervention 19 juin 2013 119
8 nov. 2011 à 23:29

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...

Réponse 9 / 10

Kaotix96 Messages postés 108 Date d'inscription lundi 5 septembre 2011 Statut Membre Dernière intervention 5 juillet 2013 12
9 nov. 2011 à 16:39

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

coeus Messages postés 3021 Date d'inscription samedi 13 janvier 2007 Statut Membre Dernière intervention 19 juin 2013 119
9 nov. 2011 à 16:43

Sur ta div#header, mets :

display:inline-block;

Est-ce que ça règle ton problème ?

Kaotix96 Messages postés 108 Date d'inscription lundi 5 septembre 2011 Statut Membre Dernière intervention 5 juillet 2013 12
9 nov. 2011 à 16:45

Oui merci problème résolu

Kaotix96 Messages postés 108 Date d'inscription lundi 5 septembre 2011 Statut Membre Dernière intervention 5 juillet 2013 12
9 nov. 2011 à 16:46

mais que signifie inline-block?

coeus Messages postés 3021 Date d'inscription samedi 13 janvier 2007 Statut Membre Dernière intervention 19 juin 2013 119
9 nov. 2011 à 16:51

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...

Kaotix96 Messages postés 108 Date d'inscription lundi 5 septembre 2011 Statut Membre Dernière intervention 5 juillet 2013 12
9 nov. 2011 à 16:52

ok merci pour tout

Réponse 10 / 10

Utilisateur anonyme
8 nov. 2011 à 22:53

avec du javascript tu peux regler le probleme en changeant les valeurs a chaque fois qu'il reconnait un navigateur

telliak Messages postés 3667 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 4 novembre 2024 876
8 nov. 2011 à 23:00

C'est un marteau-pilon pour tuer une mouche...

Utilisateur anonyme
8 nov. 2011 à 23:20

aux grands maux ... les grands moyens :)

Discussions similaires