Wezzar a écrit :
"élément" ça peut-être quoi ?
<p>, <ul>, div>, <dl> ou autres.
Sinon je n'ai pas le temps de m'attarder, il faut que je parte, désolé.
2 conseils :
corrige ta dtd.
met un h1.
Sinon pour que tu ne désespères pas et à partir de ton code pas nettoyé :
html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>
••:: Alerte Site Web ::••
</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="indexDIV.php_fichiers/index.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="global">
<div id="head"></div>
<div id="gauche">
<a href="http://wezzar.free.fr/alerte/index.php?page=accueil.htm" class="menu">Accueil</a><br>
<a href="http://wezzar.free.fr/alerte/index.php?page=alerteDolphin.htm" class="menu">Téléchargement</a><br>
<a href="http://wezzar.free.fr/alerte/index.php?page=skinner.htm" class="menu">Skinner</a><br>
<a href="http://wezzar.free.fr/alerte/index.php?page=smaj.htm" class="menu">Système de MAJ</a><br>
<a href="http://wezzar.free.fr/alerte/index.php?page=faq.htm" class="menu">FAQ</a><br>
<a href="http://wezzar.free.fr/alerte/index.php?page=help/index.htm" class="menu">Aide</a><br>
<a href="http://wezzar.free.fr/alerte/index.php?page=skins/index.php" class="menu">Skins</a><br>
<a href="http://wezzar.free.fr/alerte/index.php?page=historique.htm" class="menu">Historique</a><br>
<a href="http://wezzar.free.fr/alerte/index.php?page=forum" class="menu">Forum</a><br>
<a href="http://wezzar.free.fr/alerte/index.php?page=guestbook/index.php" class="menu">Livre d'or</a><br>
<a href="http://wezzar.free.fr/alerte/index.php?page=mail.php" class="menu">Contact</a><br>
</div>
<div id="centre">
<p id="first_element">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi eu eros in nunc ornare consectetuer. Quisque id diam. Maecenas scelerisque tortor eu mi blandit condimentum. Curabitur turpis libero, adipiscing id, porta non, venenatis eget, urna. Donec pharetra vestibulum magna. Quisque sodales. Duis varius laoreet ipsum. Nullam gravida tempor nisl. Aenean mattis dui sollicitudin pede. Etiam aliquam cursus pede. Aenean non quam nec justo rutrum congue.
</p>
<p>
Aenean ac urna. In hac habitasse platea dictumst. Nulla facilisi. Integer vel justo. Sed et orci. Donec consequat neque vel mi. Vivamus vitae ante sit amet sem convallis ullamcorper. Suspendisse eu leo. Praesent pharetra, ligula in facilisis placerat, lectus nulla rutrum sem, id placerat erat leo ut tellus. Proin vitae elit. Maecenas mauris nulla, semper quis, tempus id, ultrices nec, leo. Nunc in lorem ac metus tempor ultricies. Ut porttitor viverra mi. In ullamcorper. Praesent quam pede, varius fringilla, dapibus aliquet, adipiscing nec, erat. Mauris facilisis.
</p>
<p>
Integer eget libero. Sed quam tortor, sodales ac, tincidunt eget, scelerisque eu, nulla. Duis mollis justo eu velit. Integer convallis odio vitae est. Nulla at felis ac massa convallis lacinia. Duis urna ipsum, elementum sed, sagittis a, sollicitudin ac, leo. Nunc sed odio. Phasellus elementum ornare diam. Duis imperdiet diam id tortor. Pellentesque vitae felis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras nunc libero, aliquam sit amet, ultrices non, lacinia eget, lacus. Quisque ut dolor placerat eros adipiscing egestas. Morbi sapien neque, luctus eget, semper ac, malesuada ut, dui. Praesent mollis volutpat justo. Nulla id nulla a est luctus mollis.
</p>
<p>
Duis convallis tincidunt pede. Morbi arcu diam, venenatis sed, hendrerit ut, sollicitudin non, quam. Sed pulvinar, sem ac dapibus dapibus, ipsum orci viverra wisi, id interdum augue metus vitae est. Etiam ac arcu quis massa elementum sodales. Sed eget quam id est placerat imperdiet. Donec eget tellus at est dapibus vehicula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus quis mi. Suspendisse molestie, dui ut bibendum auctor, sapien elit gravida risus, non mattis mi felis quis tellus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi pharetra, urna in vulputate eleifend, lacus felis sagittis lectus, sed suscipit purus sapien non neque. Cras sagittis orci ut lectus. Nulla arcu. Integer velit pede, volutpat ut, porttitor non, sollicitudin id, enim.
</p>
<p>
In varius, enim vitae porttitor luctus, massa nibh scelerisque risus, sed venenatis turpis nulla eget erat. Maecenas suscipit facilisis lectus. Morbi eget augue et lorem ultricies aliquet. Phasellus id massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi dui quam, placerat at, eleifend eget, egestas nec, justo. Donec justo wisi, tincidunt viverra, malesuada vitae, laoreet non, turpis. Nam vitae sapien id urna pellentesque tempor. Maecenas semper risus vel mi. Vestibulum a erat id velit adipiscing rhoncus. Phasellus hendrerit interdum dolor. Donec sed felis at ipsum condimentum rhoncus.
</p>
<p>
Donec vehicula. Praesent iaculis iaculis lacus. Quisque mollis, ipsum nec placerat mollis, libero odio ullamcorper lectus, ac congue lorem ipsum vitae enim. Donec pretium justo ac risus. Mauris condimentum sapien quis massa. Cras tempor massa ac sapien. Quisque vitae felis bibendum mi nonummy luctus. Vestibulum facilisis tortor vitae ligula. Nam commodo tristique massa. Nulla quis dolor vel tellus consectetuer tristique. Sed neque lectus, euismod at, dignissim in, vestibulum sed, mauris. Etiam volutpat. Suspendisse luctus neque et turpis. Aenean pulvinar fringilla lacus. Curabitur mauris. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam ut tellus vitae lorem rhoncus pellentesque. Nulla nunc. Proin arcu augue, tempus nec, dignissim feugiat, cursus a, tortor.
</p>
<p>
Vestibulum sed lectus non urna pretium dignissim. Aenean faucibus tristique dui. Donec ultrices faucibus turpis. Suspendisse non justo. Sed erat. Nam dictum nunc ut dolor. Fusce in velit sed libero sagittis sollicitudin. Nulla varius pede eget turpis. Ut magna diam, faucibus vel, dignissim quis, tempor vitae, neque. Mauris suscipit fringilla nibh. Integer vel leo. Morbi tempus ante ut lacus. Morbi interdum ligula in sapien. Curabitur scelerisque interdum massa. Ut eget erat. Fusce adipiscing ipsum non purus. Vivamus et erat id mi tempor tempor. Proin eget nisl. Phasellus arcu justo, varius sit amet, imperdiet id, pharetra sed, orci. In ultrices rutrum sem.
</p>
</div>
<div id="bas"></div>
</div>
</body>
</html>
css
body {
text-align:center;
}
body * {
text-align:left;
}
#global {
position:relative;
width:680px;
margin:auto;
background:url('Images/menu_reste.jpg') repeat-y;
}
#head {
height: 152px;
margin:0;
background-image:url('Images/haut.jpg');
}
.logo {
margin-right: 0px; /* placement du logo dans son conteneur, head1 */
margin-top: 0px;
border: 0;
}
#gauche {
position: absolute;
left:0; /* on place le bloc gauche à gauche en position absolue */
background-image: url('Images/menu.jpg');
top:152px;
width: 138px;
height: 334px;
}
.menu {
margin-top: 30px;
margin-left: 20px;
font-family: "Trebuchet MS";
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
line-height: 22px;
}
#centre {
margin:0;
margin-left: 138px; /* on place le bloc centre par rapport à la largeur du bloc gauche */
width: 505px;
padding:0 20px;
padding-bottom:1em;
background:#ece9d8 url('Images/b_droit.jpg') repeat-y right;
}
#centre #first_element {
margin-top:0;
padding-top:1em;
}
#bas {
width:680px;
margin:0 auto;
height:77px;
background-image:url('Images/bas.jpg');
}
c'est juste pour te rassurer mais que ça ne t'empêche pas d'avancer. html, include php, etc...
++
.
