Bonjour, j'ai du mal... pas assez de connaissances en CSS et en HTML...
J'ai parcouru les tutoriaux, à différentes reprises, sur différents sites, je n'y arrive pas.
J'ai créé un site avec Dreamweaver en utilisant des div et la fonction "absolute". Il est conçu pour une présentation en 1024 et je souhaiterais qu'il soit centré dans les résolutions supérieures.
Je comprends qu'il faut créer un conteneur englobant ma page et centrer ce conteneur, je crois. Je ne sais pas comment créer ce conteneur...
Si quelqu'un était assez gentil pour me le faire sur une page, que je puisse étudier, comprendre et appliquer moi-même sur les centaines de page de mon site...
Une page : http://www.meslibellules.fr/pagesweb/aeshnidae/Aeshna/aeshnacyanea/rainette_arboricole.html
Et son code:
Merci de m'aider.
[Edit
J'édite mais comme je ne comprenais pas de quoi il s'agissais....
J'ai bien sûr parcouru le site, depuis plusieurs jours, fait pas mal d'essais avant de demander de l'aide]
Modifié par tioneb (05 Oct 2008 - 19:34)
J'ai parcouru les tutoriaux, à différentes reprises, sur différents sites, je n'y arrive pas.
J'ai créé un site avec Dreamweaver en utilisant des div et la fonction "absolute". Il est conçu pour une présentation en 1024 et je souhaiterais qu'il soit centré dans les résolutions supérieures.
Je comprends qu'il faut créer un conteneur englobant ma page et centrer ce conteneur, je crois. Je ne sais pas comment créer ce conteneur...
Si quelqu'un était assez gentil pour me le faire sur une page, que je puisse étudier, comprendre et appliquer moi-même sur les centaines de page de mon site...
Une page : http://www.meslibellules.fr/pagesweb/aeshnidae/Aeshna/aeshnacyanea/rainette_arboricole.html
Et son code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Rainette arboricole</title>
<style type="text/css">
<!--
body {
background-color: #000000;
}
#apDiv1 {
position:absolute;
left:750px;
top:73px;
width:210px;
height:32px;
z-index:1;
padding: 5px;
border: 2px outset #AFDE5A;
}
.Style1 {color: #FFFFFF}
.Style3 {
font-size: 24px;
color: #AFDE5A;
}
#apDiv2 {
position:absolute;
left:14px;
top:20px;
width:353px;
height:179px;
z-index:2;
}
#apDiv3 {
position:absolute;
left:908px;
top:17px;
width:96px;
height:19px;
z-index:3;
}
#apDiv4 {
position:absolute;
left:760px;
top:154px;
width:181px;
height:251px;
z-index:4;
padding: 5px;
border: thin solid #90C131;
}
.Style4 {
color: #90C131
}
-->
</style>
</head>
<body>
<div id="apDiv1">
<div align="center" class="Style1"><span class="Style3">Rainette arboricole</span></div>
</div>
<div id="apDiv2"><img src="../../../../images/aeshnidae/aeshna/aeshnacyanea/rainette_arboricole/rainette.jpg" width="716" height="538" /></div>
<div id="apDiv3"><a href="aeshnacyaneamale1.html"><img src="../../../../images/aeshnidae/aeshna/aeshnacyanea/rainette_arboricole/retour.gif" width="100" height="20" /></a></div>
<div class="Style4" id="apDiv4">Bien qu'elle ne semble pas avoir sa place parmi les odonates, j'ai placé cette photo provisoirement pour convaincre certains de l'existence de ce type d'ampibiens dans notre région.<br />
<br />
Il est vrai que personnellement...je n'en avais jamais vue.</div>
</body>
</html>Merci de m'aider.
[Edit
J'édite mais comme je ne comprenais pas de quoi il s'agissais....
J'ai bien sûr parcouru le site, depuis plusieurs jours, fait pas mal d'essais avant de demander de l'aide]
Modifié par tioneb (05 Oct 2008 - 19:34)
