Sujet Précédent Sujet Suivant

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:

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;
}
0
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à
0
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
0
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
0
Utilisateur anonyme
7 nov. 2011 à 21:21
tu voudrais faire quoi à ta barre?
0
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
0

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;
0
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
0
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
0
Utilisateur anonyme
Modifié par ammmmmine le 8/11/2011 à 19:42
tu peux modifier le margin pour avoir la hauteur que tu veux ...
0
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
0
telliak Messages postés 3655 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 27 mars 2024 874
8 nov. 2011 à 23:01
Tu as tout sabré ? Je n'ai pas d'affichage du menu...
0
Réponse 8 / 10
coeus Messages postés 3019 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...
0
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
0
coeus Messages postés 3019 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 ?
0
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
0
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?
0
coeus Messages postés 3019 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...
0
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
0
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
-1
telliak Messages postés 3655 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 27 mars 2024 874
8 nov. 2011 à 23:00
C'est un marteau-pilon pour tuer une mouche...
0
Utilisateur anonyme
8 nov. 2011 à 23:20
aux grands maux ... les grands moyens :)
0

Discussions similaires

Espace en HTML
baissaoui -
baissaoui -

0 réponse
&nbsp ; Quelle Fonction ?
-Jeff- -
sl4ck -

14 réponses
la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
Image cliquable dans html
pau -
efS -

5 réponses
<br> ou <br /> ou </br>
corentin.93 -
jessy006 -

11 réponses