begin process at 2008 08 20 17:39:57
1 228 990 membres
350 nouveaux aujourd'hui
14 259 membres club

Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum.
Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

SQUELETTE DE PAGE EN DEUX COLONNES


Information sur la source

Catégorie :Menu & Co Classé sous : menus, deux, colonne, html, css Niveau : Débutant Date de création : 01/06/2007 Vu : 5 959

Note :
2,63 / 10 - par 8 personnes
2,63 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (2)
Ajouter un commentaire et/ou une note


Description

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

  • -----------------
  • 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;
  • }
-----------------
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.
  • signaler à un administrateur
    Commentaire de coucou747 le 02/06/2007 10:04:47

    c'est du html pas du js...

  • signaler à un administrateur
    Commentaire de adelami le 02/06/2007 10:19:41

    Hello !
    Désolé, mais je mets 1/10 :

    - Comme l'a déjà dit coucou747, c'est pas du js
    - Placer trois <div> 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 !

Ajouter un commentaire

Discussions en rapport avec ce code source

Pub



Appels d'offres

Recherche developpeur ...
Budget : 700€
campagne Adwords
Budget : 5 000€
Boite echanges securis...
Budget : 500€

CalendriCode

Août 2008
LMMJVSD
    123
45678910
11121314151617
18192021222324
25262728293031

Téléchargements

Logiciels à télécharger sur le même thème :

Boutique

Boutique de goodies CodeS-SourceS