Un Menu avec des boutons
trOmA
-
trOmA -
trOmA -
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
index.php :
et menu.php
Mes boutons s'affiche pas :(
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>
et menu.php
<div id="menu"> <!-- boutons --> <a href="index.php"><img src="images/acceuil.png></a> <a href="carte.php"><img src="images/carte.png></a> <a href="agenda.php"><img src="images/agenda.png></a> <a href="photo.php"><img src="images/photo.png></a> <a href="liens.php"><img src="images/liens.png></a> <a href="contact.php"><img src="images/contact.png></a> </div>
Mes boutons s'affiche pas :(
2 réponses
-
Bonsoir,
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 :<div id="menu"> <!-- boutons --> <a href="index.php"><img src="images/acceuil.png" /></a> <a href="carte.php"><img src="images/carte.png" /></a> <a href="agenda.php"><img src="images/agenda.png" /></a> <a href="photo.php"><img src="images/photo.png" /></a> <a href="liens.php"><img src="images/liens.png" /></a> <a href="contact.php"><img src="images/contact.png" /></a> </div>
-
Ah merci.
Mais sinon, sa aligne pas du tout mes boutons :
Acceuil
carte
agenda
etc
Je voudrais toute mettre sur une même ligne
