Bonjour a tous,
Je me présente je suis en stage dans une societé qui doit mettre a jour son site web,je souhaite repecter les standards W3C XHTML 1.0 strict .Je rencontre un problème que je n'arrive pas a résoudre j'ai un blanc entre les images de mon menu !Celui-ci est dans un div avec l'id header2 qui est déclarer comme suit dans mon css:

#header2{
height:28px;
width:900px;
margin-top:0px;
margin-left:68px;
}
#header2 img{
margin:0;
padding:0;
} 

La taille totale des images additionnés fait 900px la taille du div!
Pourtant j'ai encore un espace entre ces images !
Voici le resultat:
upload/6527-pb1copie.jpg

Si quelqun a une idée ca me depannerai bien voici l'adresse du site original si qq a des cd ou dvd a faire presser Smiley cligne voila l'adresse www.neomediata.com

Merci d'avance [code]
Modifié par noukic (10 May 2006 - 16:12)
Bonjour noukic,

D'après ce que tu donnes comme code, c'est pas très facile de voir Smiley sweatdrop

Ca te le fais aussi avec Firefox ?

Tu as utilisé une liste à puces ?

Si tu pouvais donner plus de code, ce serait bien Smiley smile
OK désolé pour le manque de précision voici le css complet:

/* CSS Document */
*{margin:0;padding:0;}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}

#header1 {
width: 900px;
height:68px;
margin-top:0px;
margin-left:68px;
}

#header2{
height:28px;
width:900px;
margin-top:0px;
margin-left:68px;
}
#header2 img{
margin:0;
padding:0;
}

#conteneur {
width: 100%;
}
#centre {
margin-left: 300px;
margin-top:100px;
}
#gauche {
margin: 0;
padding:0;
top:68px;
left:0;
}
#pied {
height: 30px;
}
#Img35{name:Img35}#Img36{name:Img36}#Img37{name:Img37}#Img38{name:Img38}#Img39{name:Img39}#Img40{name:Img40}
#Img711{name:Img711}#Img721{name:Img721}#Img731{name:Img731}#Img741{name:Img741}#Img751{name:Img751}#Img761{name:Img761}#Img771{name:Img771}

.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.img{border:0px;}

p {margin: 0 0 10px 0;}
</style>



Voici le code présent dans le div:


<div id="header2">
	  <a href="page-h01-pro-anti.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Img35','','images/menu-h-roll_01.gif',1)"><img id="Img35" class="img" src="images/menu-h_01.gif" alt="Graver CD" width="198" height="28" /></a>
			<a href="page-h02-con_spe.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Img36','','images/menu-h-roll_02.gif',1)"><img id="Img36" class="img" src="images/menu-h_02.gif" alt="Copie CD" width="183" height="28" /></a>
			<a href="page-h03-sacem.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Img37','','images/menu-h-roll_03.gif',1)"><img id="Img37" class="img" src="images/menu-h_03.gif" alt="Gravure DVD" width="102" height="28" /></a>
			 <a href="page-h04-info_dvd.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Img38','','images/menu-h-roll_04.gif',1)"><img id="Img38" class="img" src="images/menu-h_04.gif" alt="Pressage DVD" width="81" height="28" /></a>
			 <a href="page-h05-contact.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Img39','','images/menu-h-roll_05.gif',1)"><img id="Img39" class="img" src="images/menu-h_05.gif" alt="Copy CD" width="89" height="28" /></a>
			 <a href="page-h06-condi_vente.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Img40','','images/menu-h-roll_06.gif',1)"><img id="Img40" class="img" src="images/menu-h_06.gif" alt="Pressage CD" width="247" height="28" /></a>	
	 </div>


J'ai le meme problème que ce soit sous firefox ou sous ie.
Merci pour l'aide !!!!!!!! Smiley smile


www.neomediata.com
Modifié par noukic (10 May 2006 - 15:46)
Administrateur
Hello,

Voudrais-tu, comme le demandent les règles du forum, afficher tes codes avec les balises appropriées ?
Merci d'avance, ça évitera ainsi de déformer le forum Smiley cligne

PS : utilise le bouton Editer, ne crée surtout pas un nouveau message.
Modifié par Raphael (10 May 2006 - 15:19)
Et si tu mets :

#header2 img{
margin:0 -5px 0 0;
padding:0;
}

ça irait ?

Je ne peux pas voir précisément car je n'ai pas les images...

(Oublie pas de baliser tes codes Smiley cligne )