par
TargetKiller » 31 juil. 2010, 15:40
Bonjour tout le monde !
Voila, je viens de commencer mon premier site web ( Oui oui mon premier !
) qui va être une petite boutique pour ma mère
Je viens de commencer il a une heure et j'ai fini les 2 fonds, et l'en-tete ! Je viens donc d'attaquer le menu.
Chaque bouton est en fait juste une images que j'ai regroupée dans une liste a puce mais voila, ca ne s'affiche pas quand je test sur mes navigateurs !
Ca doit surement être un truc tout bete mais étant donné mon niveau (
) je sèche donc je fais appelle a votre aide !
Voici mon code xHTML :
<!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>Syloée</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
</head>
<body>
<div id="en_tete">
</div>
<div id="menu">
<ul>
<li><a href="http://www.test.com"><img src="images/menu-accueil.jpg" alt="Accueil"/></a></li>
<li><a href="http://www.test.com"><img src="images/menu-collection.jpg" alt="Collection"/></li>
<li><a href="http://www.test.com"><img src="images/menu-histoire.jpg" alt="Histoire"/></li>
<li><a href="http://www.test.com"><img src="images/menu-contact.jpg" alt="Contact"/></li>
</ul>
</div>
<div id="conteneur">
</div>
<div id="pied_de_page">
</div>
</body>
</html>
Et mon CSS :
Code : Tout sélectionner
body
{
background-color:#1e0b02;
margin:0;
padding:0;
font-family: "Segoe print", "Comic sans MS", Verdana, sans-serif;
color:#FFFFFF;
margin-top: 40px;
}
body
{
width: 652px;
height: 810px;
background-image: url("images/fond.png");
background-repeat: no-repeat;
padding: 0px;
}
#en_tete
{
width: 347px;
height: 117px;
background: url("images/header.png") no-repeat top;
margin-left:180px;
padding: 0px;
}
#menu ul li
{
list-style:none;
float:left;
padding:0;
}
Voila !
Merci d'avance de votre aide !
PS : Et en passant, si jamais il y a d'autres erreurs dans le code source qui nuieraient a la validation du site web, n'hesitez pas a me le signaler !
Bonjour tout le monde ! :D
Voila, je viens de commencer mon premier site web ( Oui oui mon premier ! :P ) qui va être une petite boutique pour ma mère :)
Je viens de commencer il a une heure et j'ai fini les 2 fonds, et l'en-tete ! Je viens donc d'attaquer le menu.
Chaque bouton est en fait juste une images que j'ai regroupée dans une liste a puce mais voila, ca ne s'affiche pas quand je test sur mes navigateurs ! :(
Ca doit surement être un truc tout bete mais étant donné mon niveau ( :lol: ) je sèche donc je fais appelle a votre aide !
Voici mon code xHTML :
[html]<!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>Syloée</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
</head>
<body>
<div id="en_tete">
</div>
<div id="menu">
<ul>
<li><a href="http://www.test.com"><img src="images/menu-accueil.jpg" alt="Accueil"/></a></li>
<li><a href="http://www.test.com"><img src="images/menu-collection.jpg" alt="Collection"/></li>
<li><a href="http://www.test.com"><img src="images/menu-histoire.jpg" alt="Histoire"/></li>
<li><a href="http://www.test.com"><img src="images/menu-contact.jpg" alt="Contact"/></li>
</ul>
</div>
<div id="conteneur">
</div>
<div id="pied_de_page">
</div>
</body>
</html>[/html]
Et mon CSS :
[code]body
{
background-color:#1e0b02;
margin:0;
padding:0;
font-family: "Segoe print", "Comic sans MS", Verdana, sans-serif;
color:#FFFFFF;
margin-top: 40px;
}
body
{
width: 652px;
height: 810px;
background-image: url("images/fond.png");
background-repeat: no-repeat;
padding: 0px;
}
#en_tete
{
width: 347px;
height: 117px;
background: url("images/header.png") no-repeat top;
margin-left:180px;
padding: 0px;
}
#menu ul li
{
list-style:none;
float:left;
padding:0;
}
[/code]
Voila ! :wink:
Merci d'avance de votre aide ! :)
PS : Et en passant, si jamais il y a d'autres erreurs dans le code source qui nuieraient a la validation du site web, n'hesitez pas a me le signaler ! :P
