Squelette de page en deux colonnes

Commenter

Contenu du snippet

Mon code sert à créer une page web ayant deux menus (à gauche et à droite) ; ce qui est moins classique, la plupart des sites actuels n'en ayant qu'un.

Source / Exemple : 


-----------------
CODE HTML
----------------
<!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" xml:lang="fr" >
<head>
<title>Mettez ici le titre que vous voulez pour votre page !</title>
</head>
<body>
<div id="menu_gauche">
ici le menu de gauche
</div>
<div id="menu_droite">
ici le menu de droite
</div>
<div id="corps">
Ici votre page.
</div>
</body>
</html>

-----------------
CODE CSS
-----------------

#menu_gauche
{
width: 75px;
float: left;
padding: 4px;
}

#menu_droite
{
width: 75px;
float: right;
padding: 4px;
}
#corps
{
margin-left: 90px;
margin-right: 90px;
padding: 4px;
}

Conclusion :


Ceci est fait tout simplement et peut-être personnalisé avec beaucoup d'attributs. Pensez à ajouter une bordure par exemple.

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.