Squelette de page en deux colonnes

Soyez le premier à donner votre avis sur cette source.

Snippet vu 14 716 fois - Téléchargée 19 fois

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

Ajouter un commentaire

Commentaires

Signaler
adelami
Messages postés
65
Date d'inscription
mardi 1 novembre 2005
Statut
Membre
Dernière intervention
8 juin 2012
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 !
Signaler
coucou747
Messages postés
12303
Date d'inscription
mardi 10 février 2004
Statut
Modérateur
Dernière intervention
30 juillet 2012
 30
c'est du html pas du js...
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.