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.
http://i62.servimg.com/u/f62/12/62/03/29/home10.jpg
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.
http://i62.servimg.com/u/f62/12/62/03/29/home10.jpg
<!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;
}
