Bonjour,
Je viens de finir ça (en brut )
Si ça peut t'inspirer !!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
<meta name="TITLE" />
<meta name="ROBOTS" content="none" />
</head>
<style>
HTML {overflow-y:hidden;}
body{
margin: 0;
padding: 0;
background-color: #ffffff;
font-family: "Times New Roman", Times;
text-align: justify;
font-size: 0.8em;
}
#conteneur1{
width: 820px;
margin: 0;
margin-right: auto;
margin-left: auto;
padding: 0;
}
#conteneur2{
width: 820px;
margin: 0;
margin-right: auto;
margin-left: auto;
padding: 0;
background-image: url(ton-image.jpg);
background-attachment: fixed;
background-repeat: repeat;
background-position: 30% 0%;
position : absolute;
color: #000;
}
#conteneur3{
width: 820px;
height : 700px;
padding: 0;
overflow : auto;
}
#bloc_gauche{
float: left;
width: 200px;
font-family: tahoma;
text-align: left;
font-size: 23px;
padding-left:25px;
}
#bloc_droite{
float: right;
width:450px;
padding-right: 15px;
margin-bottom: 150px;
}
#footer{
width:820px;
height: 50px;
clear: both;
background:#592b1e;
text-align: center;
padding-top: 20px;
}
#space{
width:820px;
height: 150px;
background:#fff;
}
hr {
height: 1px;
border: 0;
}
hr.b1 {
color: #7b9aff;
background-color: #7b9aff;
}
hr.b2 {
color: #81edff;
background-color: #81edff;
}
hr.b3 {
color: #fffc9a;
background-color: #fffc9a;
}
li {color: #000;}
</style>
</head>
<body>
<div id="conteneur1">
<div id="conteneur2">
<div id="conteneur3">
<div id="bloc_gauche">
Bla bla bla <br />
Bla bla bla <br />
Bla bla bla <br />
Bla bla bla <br />
</div>
<div id="bloc_droite">
Du 14 au 18 nov / 00h<br />
Dés(Equilibres / Cie Pupella Noguès <br />
Ce spectacle met en jeu un univers artisanal d’objets de récupération dans un environnement multimédia. Sans perdre de vue la spécificité de l'art et l’originalité de la marionnette, la compagnie s’attache à explorer les nouvelles voies du spectacle vivant et notamment son ouverture aux nouvelles technologies. Elle utilise le mélange de différents supports, techniques et langages.<br />
site web<br />
l'Antirouille - Mende / 00€ <br />
Renseignements et réservations : 00.00.00.00.00 / mail ?
<hr class="b1">
Sed dignissim dignissim urna. Nullam quis erat at sapien tincidunt tempor. In ornare, massa at aliquet mollis, velit felis pharetra lacus, eu vestibulum leo justo ut turpis. Praesent justo leo, condimentum eu, varius a, lacinia nec, diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin vestibulum, turpis quis malesuada gravida, velit diam dignissim tellus, at tempor mauris nunc non massa. Vestibulum et elit. Aenean hendrerit diam id libero.
<hr class="b2">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis pulvinar. Praesent nisl nisi, convallis a, facilisis ut, pulvinar sit amet, lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
<hr class="b3">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis pulvinar. Praesent nisl nisi, convallis a, facilisis ut, pulvinar sit amet, lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce quis mauris. Sed dignissim dignissim urna. Nullam quis erat at sapien tincidunt tempor. In ornare, massa at aliquet mollis, velit felis pharetra lacus, eu vestibulum leo justo ut turpis. Praesent justo leo, condimentum eu, varius a, lacinia nec, diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin vestibulum, turpis quis malesuada gravida, velit diam dignissim tellus, at tempor mauris nunc non massa. Vestibulum et elit. Aenean hendrerit diam id libero.
<hr class="b1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis pulvinar. Praesent nisl nisi, convallis a, facilisis ut, pulvinar sit amet, lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce quis mauris. Sed dignissim dignissim urna. Nullam quis erat at sapien tincidunt tempor. In ornare, massa at aliquet mollis, velit felis pharetra lacus, eu vestibulum leo justo ut turpis. Praesent justo leo, condimentum eu, varius a, lacinia nec, diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin vestibulum, turpis quis malesuada gravida, velit diam dignissim tellus, at tempor mauris nunc non massa. Vestibulum et elit. Aenean hendrerit diam id libero.
<hr class="b1">
Du 14 au 18 nov / 00h<br />
Dés(Equilibres / Cie Pupella Noguès <br />
Ce spectacle met en jeu un univers artisanal d’objets de récupération dans un environnement multimédia. Sans perdre de vue la spécificité de l'art et l’originalité de la marionnette, la compagnie s’attache à explorer les nouvelles voies du spectacle vivant et notamment son ouverture aux nouvelles technologies. Elle utilise le mélange de différents supports, techniques et langages.<br />
site web<br />
l'Antirouille - Mende / 00€ <br />
Renseignements et réservations : 00.00.00.00.00 / mail ?
<hr class="b1">
</div>
<div id="footer">Bla bla bla</div>
<div id="space"></div>
</div></div></div>
</body>
</html>
j'ai donc fais un div parent mais pour que celui ci soit aussi centré horizontalement il lui fuadrait uen largeur fix ce que je ne veux pas sinon il y aurait tout le teps une scroll horizontal...
)
