28221 sujets

CSS et mise en forme, CSS3

Bonjour, j'ai un problème sur ma page d'accueil, en faites il y a un écartement au header et au bas !!!

Sans le texte ça allait pas mal, voir ici comme vous pouvez le voir il y a un petit écartement, mais avec le texte :snif: :snif:

lien

Je comprends pas !
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//FR" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<title>Dytosite</title>
<link rel="stylesheet" href="styles.css" type="text/css">
</head>

<body>
	<div class="conteneur">
		<img src="header.jpg" border="0" />
	  <div class="corps2">
	    <div class="menu">
				<div class="menutitre"><span style="margin-left: 5px; font-size: 1.1em">La team</span></div>
				<div class="menuback"><a href="#"><img src="dossier.png"> Les membres </a><br />
		  <a href="#"><img src="dossier.png"><a href="#"> Les screens de membres </a><br />
		  <a href="forum/index.php"><img src="dossier.png"> Le forum</a></div>
				<div class="menutitre"><span style="margin-left: 5px; font-size: 1.1em">Menu membre</span></div>
				<div class="menuback"><a href="#"><img src="dossier.png"> Recrutement</a><br />
				<a href="#"><img src="dossier.png"> Nous défier</a></div>
				<div class="menutitre"><span style="margin-left: 5px; font-size: 1.1em">Services</span></div>
				<div class="menuback"><a href="#"><img src="dossier.png"> Cours</a><br />
				<a href="#"><img src="dossier.png"> Kits graphiques</a><br />
				<a href="#"><img src="dossier.png"> Livre d'or</a><br />
				<a href="#"><img src="dossier.png"> Tutoriaux</a><br /></div>
				<div class="menutitre"><span style="margin-left: 5px; font-size: 1.1em">War</span></div>
				<div class="menuback"><a href="#"><img src="dossier.png"> Matchs</a><br />
				<a href="#"><img src="dossier.png"> Statistiques</a></div>
				<div class="menutitre"><span style="margin-left: 5px; font-size: 1.1em;"><acronym title="Tous ce qui concerne mes créations et ma bio">Dytomania</acronym></span></div>
				<div class="menuback"><a href="#"><img src="dossier.png"> Mes créations</a><br />
				<a href="#"><img src="dossier.png"> Biographie</a><br />
				<a href="#"><img src="dossier.png"> CV</a><br />
				<a href="#"><img src="dossier.png"> Contact</a></div>
				
		</div><? if($_GET['p'] == '1') { include('fichiers/accueil.ini'); } ?>
	    <img src="bas.jpg" /></div>
	</div>
</body>
</html>



body {
margin-top: 5px;
text-align: center;
}

a {
text-decoration: none;
color: #000000;
}

a:hover {
color: #0066FF;
}

acronym {
list-style-type: none;
}

img {
border: 0px none;
}

.conteneur {
width: 770px;
margin-left: auto;
margin-right: auto;
}

.menu {
width: 180px;
float: left;
}

.contenu {
width: 590px;
float: right;
}

.menutitre {
background-image: url(menut.jpg);
width: 173px;
height: 27px;
}

.menuback {
padding-left: 5px;
width: 173px;
text-align: left;
}

.corps2 {
width: 770px;
text-align: left;
background-image: url(corps2.jpg);
}


Le site n'est pas valide et je sais pas pourquoi aussi !!
Merci de votre aide !
Modifié le 01 Dec 2004 - 18:26
Administrateur
Note : comme il s'agit d'une question de mise en page, je déplace dans le salon CSS.
Ton smiley n'a pas d'attribut 'alt' c'est tout simple, à toi de trouver le script qui fait le remplacement automatique.