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 :(
A voir également:
- Un Menu avec des boutons
- Menu déroulant excel - Guide
- Comment réinitialiser un téléphone avec les boutons - Guide
- A quoi servent les boutons de couleur sur une telecommande - Guide
- Canon quick menu - Télécharger - Utilitaires
- Application pour reconnaître les boutons - Accueil - Outils
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 :
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>