Probleme menu et css

Fermé
cybercodes Messages postés 6 Date d'inscription jeudi 11 décembre 2003 Statut Membre Dernière intervention 31 décembre 2011 - 17 mars 2006 à 22:02
 o2c - 21 juil. 2007 à 15:40
Bonjour a tous,

Je suis en train de faire un site pour un ami, j'ai donc creer un fichier css externe.
le voici:

body {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 0.9em;
margin: 0;
padding: 0;
background-color: #000000;
}
#header {
height: 123px;
background-color: #75064a;
}
#conteneur {
position: absolute;
width: 750px;
left: 50%;
top : 30px;
border-style:solid; 
border-width:3px; 
border-color:#de068d;
margin-left: -375px;
background-color:#550536;
}
#centre {
background-color:#550536;
margin-left: 150px;
height: 420px;
width: 600px;
overflow: auto;
}
#gauche {
position: absolute;
left:0;
width: 150px;
}

.menugauche {
list-style-type: none;
margin: 10;
padding:0;

}
.menugauche li {
margin-bottom: 0px;

}
.menugauche a {
margin: 0 0px;
color: #ffffff;
text-decoration: none;
}
.menugauche a:hover {
text-decoration: none;
}
p {margin: 0 0 10px 0;}

a:link { color: #f655b2; text-decoration: none; font-size:0.9em; }

a:visited { color: #f655b2; text-decoration: none; font-size:0.9em; }

a:active { color: #f655b2; text-decoration: none; font-size:0.9em; font-family: }

a:hover { color: #FEADC9; text-decoration: none; font-size: 0.9em; font-family: }



Voici le code d'une des pages du site.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Accueil Buztattoo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="fichier.css">
</head>

<body>

<div id="conteneur">

	  <div id="header"><img src="images/banniere.jpg">

</div>

	  <div id="gauche">
		<ul class="menugauche">
		<li><a href="accueil.htm"><img src="images/accueil.jpg" border="0" alt="Accueil"></li>
		<li><a href="tattoo.htm"><img src="images/tattoo.jpg" border="0" alt="tattoo"></li>
		<li><a href="piercing.htm"><img src="images/piercing.jpg" border="0" alt="piercing"></li>
		<li><a href="galleries.htm"><img src="images/galleries.jpg" border="0" alt="galleries"></li>
		<li><a href="soins.htm"><img src="images/soins.jpg" border="0" alt="soins"></li>
		<li><a href="news.htm"><img src="images/news.jpg" border="0" alt="news"></li>
		<li><a href="liens.htm"><img src="images/liens.jpg" border="0" alt="liens"></li>
		<li><a href="contact.htm"><img src="images/contact.jpg" border="0" alt="contact"></li>
		</ul>
		
	  </div>
	  
	  <div id="centre">
	<div style="margin-left: 30px;" align="justify">
<font color="#C1EBFF">
<br><br>
	Bienvenue sur le site de Buz, de chez Belgium Urban Zone.<br>
	Vous y trouverez une section tattoo et piercing ainsi qu'une gallerie avec ses differents projets.

  	</div>

	  

</body>
</html>



Le probleme est que mes images ont un ecart entre elle et je ne vois absolument d'ou viens le probleme (sans doute une petite chose que je ne vois pas, je presice que je debute dans le css donc cela viens peut etre de la :(

Vous pouvez voir le site a cette adresse pour voir les lignes qui ce trouve entre les images du menus.
http://users.11vm-serv.net/cybercodes/accueil.htm

Je vous remercie d'avance

Cybercodes
A voir également:

2 réponses

Bon vu que personne n'a trouver de reponse, j'en ai trouver une sur un autre forum
Je la donne pour ceux qui aurais le probleme .

Il faut ajouter ceci dans la css
ul.menugauche img {
display: block;
} 


Ce probleme est du a ce que mes images etais consideree comme de l'ecriture, donc d'office il y a des espaces entre les lignes :)
1
un grand merci, je m'arrachais les cheveux depuis plusieurs jours
:)
0
J'ai toujours les lignes, preuve qu'il ne faut pas croire tout ce qu'on lit :-)
0