Squelette de page en deux colonnes

Soyez le premier à donner votre avis sur cette source.

Snippet vu 15 075 fois - Téléchargée 21 fois

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

Ajouter un commentaire Commentaires
Utilisateur anonyme
2 juin 2007 à 10:19
Hello !
Désolé, mais je mets 1/10 :

- Comme l'a déjà dit coucou747, c'est pas du js
- Placer trois
avec du CSS c'est assez ... ... primaire disons.
- J'ai déjà rencontré plein de sites avec deux menus. C'est pas si rare que ça.
- Et enfin, j'ai l'impression que c'est pour les revenus publicitaires plus qu'autre chose.

C'est pas que ca me dérange, mais moi aussi je peux activer la pub et mettre des codes du style : alert("Hello world!").
Ciao !
coucou747 Messages postés 12303 Date d'inscription mardi 10 février 2004 Statut Membre Dernière intervention 30 juillet 2012 44
2 juin 2007 à 10:04
c'est du html pas du js...

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.