bonjour
je continue mon premier site et j'aurais une petite question sur la meilleur technique a aborder pour réaliser cela.
je voudrais faire sa mais est ce que je dois utiliser une liste ou le faire image par image en le positionnant au pixel prés ?
voici une aperçu du rendu final que je veux obtenir.
et voici le code que j'ai utilisé pour sa mais bien sure sa ne marche pas lol sinon je ne serais pas la n'est pas ? lol
Modifié par Mikachu (02 Feb 2010 - 13:13)
je continue mon premier site et j'aurais une petite question sur la meilleur technique a aborder pour réaliser cela.
je voudrais faire sa mais est ce que je dois utiliser une liste ou le faire image par image en le positionnant au pixel prés ?
voici une aperçu du rendu final que je veux obtenir.
et voici le code que j'ai utilisé pour sa mais bien sure sa ne marche pas lol sinon je ne serais pas la n'est pas ? lol
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Florence & Benoit</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="fond">
<img scr="images/></img></div>
<div id="header"></div>
<div id="corp_acceuil">
<p>Bienvenue sur le site du mariage de florence & benoît.
Vous pourez découvrir ici toutes les photos ainsi que partager avec nous tous vos clichés pris lors de l'événement.
Nous vous souhaitons une très bonne visite.</p>
</div>
<div id="menu"></div>
<ul>
<li><a href="acceuil.html"><img scr="images/bouton_acceuil.png"></img></a></li>
<li><a href="gallerie.html"><img scr="images/bouton_gallerie.png"></img></a></li>
<li><a href="contact.html"><img scr="images/bouton_contact.png"></a></img></li>
</ul>
</div>
<div id="pied_de_page">
<p>code et design par</p></br><p>www.studart.fr</p></br><p>2010</p>
</div>
</body>
</html>
body
{
background: #000000;
overflow: scroll;
}
#corp
{
width: 1024px;
height: 768px;
position: absolute;
top: 17%;
left: 24%;
background: url("../images/index.png") no-repeat;
}
#bouton_entrez a
{
background: url("../images/bouton_entrez.jpg");
width: 275px;
height: 95px;
position: absolute;
top: 65%;
left: 44.5%;
}
#bouton_entrez a:hover
{
background: url("../images/bouton_entrez_rouge.jpg");
width: 275px;
height: 95px;
position: absolute;
top: 65%;
left: 44.5%;
}
#pied_de_page p
{
color: white;
text-align: center;
vertical-align: middle;
}
li
{
list-style-type: none;
width: 800px;
height: 122px;
display: inline;
}Modifié par Mikachu (02 Feb 2010 - 13:13)
