28173 sujets

CSS et mise en forme, CSS3

Espace qui ne devrait pas etre

Bonjour j'ai un petit problème le voila:

http://img443.imageshack.us/img443/250/espace5kb.jpg

Sous firefox j'ai l'espace 1 et 2 et sous IE j'ai juste le 2
Pourtant il devrait pas y etre
Pouviez vous vérifier mon code car je m'arrache les cheveux depuis une heure :

  <div class="conteneur"> 
		
		<div class="bloc_pub">
		  	<img class="pub" src="img/banniere_pub.png" alt="" width="468" height="60" />
		  	<img src="img/pub_principal.png" alt="" width="541" height="14" />		</div>


Et voila celui de la css 
/* ---------------- STYLE GENERAL DU SITE ---------------- */
* {margin:0; padding:0;}

/*   ----- PAGE -------- */
body {
	margin:0px;
	padding:0px;
	font-size: 11px;
	font-family:Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	color:#606060;	
	}
.main {
	width:766px;
	border:#DCDCDC 1px solid ;
	background:url(../img/fond.png);
	margin-left: auto;
	margin-right: auto;
	padding-bottom:15px;
	}
.conteneur {
	width:541px;
	margin-left: auto;
	margin-right: auto;
	}
.bloc_pub {
	background-image: url(../img/fond_conteneur.png);
	}

.bloc_principal {
	background-image: url(../img/fond_conteneur.png);
	padding:0 6px 20px 6px;

}	

.tbl_membre {
	width: 300px;
	border: 1px solid #BFBFBF;
}

.tbl_annonceur {
	width:150px;
	border: 1px solid #BFBFBF;
}
.texte { 
	text-align:justify;
	margin:20px 4px 20px 4px;
}
/*  ------- TEXTES ------- */
.footer p {
	background-image:url(../img/footer.png);
	text-align:center;
	margin: 0;
	padding:4px 7px;
	}
.texte p {margin-bottom:5px;}

h6 { 
	font-size:18px;
	font-weight:bold;
	color:#386789;
	letter-spacing:-1px;
	position:relative;
	top:10px;
	left:19px;
}
h5 {margin:0px;
padding:5px 0px 5px 6px;
text-align:left;
font-size: 13px;
color:#555555;
background-color:#EEEEEE;
}
ul {
padding-left:12px;}

li {
list-style-type:none;
background-image:horizontal vertical;
background-position:left;
background-image: url(../img/puce.gif);
background-repeat: no-repeat;
padding-left: 12px;
}


		
/* ---- LIENS ----- */
a:link		{color:#386789;}
a:visited	{color:#386789;}
a:hover 	{text-decoration: underline; /*font-weight:bold;*/}

/*  ------- FORMULAIRES ------ */

/* ------ IMAGES ------ */
img.pub {
	position:relative;/*pour centrer l'image*/
	left:36.5px;
	padding-top:2px;
}
img.presentation {  
	float: left;
	position:relative;
  	margin:0px 5px 5px 0px;
}


Je n'est pas mit la div princpal et footer
Smiley lol
Salut,

Peut-être...
.bloc_pub 
{
background-image: url(../img/fond_conteneur.png);
padding: 0;
margin: 0;
}


@ bientôt.
Modifié par Tony_M (16 Apr 2006 - 19:40)
Essaie de fixer un "margin-top" nul (égal à 0 si tu préfères) pour le bloc qui vient juste en dessous.
Rien a fare avec ce que tu viens de die,j'ai desactiver la feuille en entier, j'ai toujours cette espace entre le menu flash et le bloc_pub
Puis l'espace est toujours présent j'ai desactiver un par un les bloc, j'ai vérfier l'imgae qui fais les contour haut et bas des cadre rien a faire
J'ai remarquer qu'en baissant la taille des polices dans mon navigateur, quand elles sont au minimum les espaces disgracieux disparaissent
Sa ne fais rien, je vais vous donner le lien:
http://membres.lycos.fr/analfabete/index.html
et celuis de la css http://membres.lycos.fr/analfabete/css/style.css

Edit: je viens de voir ma page sur le ftp lycos avec firefox en changeant l'anime flash par une image et il y a plus de probleme. Mais en local avec firefox toujours le meme bug Smiley biggol
Puis sur IE en local sa fait le probleme du premier post qui n'apparaissait pas avec l'anime flash Smiley biggol Smiley biggol et sur lycos c'est du grand n'importe quoi

Edit2: Le comble c'est que sur http://analfabete.free.fr/Test/index.html (hebergement free )le soucis reviens avec firefox
Modifié par analfabete (17 Apr 2006 - 17:16)
Sujet clos
Aller à