mon codage n'est composé que de <div> en aucun cas je n'utilise de tableau...,
voici le code source html de ma page qui est l'index, j'ai inclut le
css dans les balise head mais c'est temporaraire (le temps de corriger
le blem), je compte plus tard mettre tout dans un fichier css.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css"> /* c du css qui dirige le design de la feuille */
body
{
margin-top: 10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur */
margin-bottom: 10px; /* Idem pour le bas du navigateur */
}
#header { border: 2px solid #CCCC00; }
#titre
{
font-size:larger;
color:#00CC00;
}
#menu_gauche
{
float: left; /* Le menu flottera à gauche */
width: 130px; /* Très important : donner une taille au menu */
border: 2px solid #CCCC00;
}
#center
{
float: left;
}
#menu_droite
{
float: right;
width: 130px;
border: 2px solid #CCCC00;
}
.sous_menu
{
list-style-image: url("puce.gif");
border: 1px solid #990000;
margin: 2px 2px 2px 2px;
}
#footer
{
padding: 5px;
text-align: center;
border: 2px solid #CCCC00;
clear: both;
}
</style>
<title>Le Site De Lucyberad</title>
</head>
<body>
<div id="header">
<img src="header.jpg" alt="Logo"/>
</div>
<div id="menu_gauche">
<div class="sous_menu">
<br/><div id="titre" align="center">Menu principal</div>
<ul> <!-- ca debute une liste a puce -->
<li><a href="index.php">Acceuil</a></li>
<li><a href="index.php?page=livreor">Livre d'or</a></li>
<li><a href="index.php?page=inscription">Inscription</a></li>
<li><a href="index.php?page=connexion">Connexion</a></li> <!-- le mettre peut etre dans la partie votre compte ou connexion -->
</ul>
<br/>
</div>
<div class="sous_menu">
<br/><div id="titre" align="center">Qui est en ligne?</div><br/>
<span style="color:#9900FF;">Il y as <strong>1</strong> personne connecté a ce site</span> </div>
<div class="sous_menu">
<html>
<hr>
loggez-vous afin de chatter</html>
</div>
</div>
<fieldset>
<div id="center">
<br/>
<fieldset style="border-width:medium; border-color:#0066FF;"><span style="float:left;"><strong>encore un essai</strong></span>
<span style="float:right;"><em>01/08/2005</em></span><br/><hr/>essai<br />
essai<br />
essai<br />
essai<br />
essai<br />
essai<br />
essai<br />
essai<br />
essai<br />
essai<br />
essai<br />
essai<br />
essai<br />
essai<br />
essai<br />
essai<br />
essai<br />
essai<br />
essai</fieldset><br/><br/><fieldset style="border-width:medium; border-color:#0066FF;"><span style="float:left;"><strong>Voici une news</strong></span>
<span style="float:right;"><em>30/07/2005</em></span><br/><hr/>bon ben je sais pas quoi dire sinon que je suis le meilleur.<br />
sinon que ca avance le dvlpt<br />
de toute facon cette news sera virée</fieldset><fieldset style="border-width:medium; border-color:#0066FF;"><span style="float:left;"><strong>ca marche pas ! [modifié]</strong></span>
<span style="float:right;"><em>17/06/2005</em></span><br/><hr/>essai<br />
Modification:<br />
finalement ca marche !</fieldset><br/>
</div>
</fieldset>
<div id="menu_droite">
menu droite
</div>
<div id="footer">
<p>Copyright "Lucyberad" 2005, tous droits réservés...</p>
</div>
</body>
</html>
voila ca c'est le code complet pour afficher mon index.
L U C Y I3 E R @ D