Bonjour, je suis entrain de réaliser un site pour m'entrainer.
J'aimerais faire comme ce site la : http://www.lillelanuit.com/
Donc centré, et le menu en dessous du header.
Alors avec mon code, mes boutons, s'affiche pas.
Voici mes codes (pris sur les tutos)
styles.css
body
{
width: 800px;
margin: auto; /* Pour centrer notre page */
margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
margin-bottom: 20px; /* Idem pour le bas du navigateur */
background-color: white; /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
}
#head
{ margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
width: 760px;
height: 100px;
/* background-image: url("images/banniere.png");
background-repeat: no-repeat; */
}
/* Le menu */
#menu
{
margin-left: auto;
margin-right: auto;
width: 120px;
}
#body
{
margin-left: auto;
margin-right: auto;
padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
color:black;
background-color:#1e90ff; /* Une couleur de fond pour le corps */
border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}
#footer
{
padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
text-align: center;
color: #B3B3B3;
background-color: #1e90ff;
/*background-image: url("images/motif.png");
background-repeat: repeat-x; */
border: 2px solid black;
}
index.php :
<!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" >
<head>
<title>Le Détour</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="design" href="style.css" />
</head>
<body>
<div id="head">
Le détour
</div>
<div id="menu">
<?php include("menu.php"); ?>
</div>
<div id="body">
<h1>Le Détour</h1>
<p>
Bienvenue sur le nouveau site du Détour !<br />
depuis plus de 10 ans, un lieu incontournable des nuits lilloises
</p>
<center><img src="images/detour.jpg"></a></center>
</div>
<div id="footer">
<p>Copyright "Tout pourri Corporation" 2005, tous droits réservés</p>
</div>
</body>
</html>
Manque les guillemets fermants dans la balise img de tes boutons et de plus comme tu déclares en xhtml strict il faut fermer ladite balise img ce qui donne :
Trouvez des réponses à vos questions sur la création de sites web, le référencement et les meilleures pratiques pour gérer un site. Échangez avec d'autres webmasters passionnés pour améliorer vos compétences en ligne et optimiser vos projets de site web.
