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 : 8 058

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.
 

Commentaires et avis

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 dans le forum

prob de liens pour plan de site [ par babysophie ] Bonjour à tous!je suis embetée car dans mon site g un lien qui ouvre une page html contenant le plan du site (fait en javascript).j'ai réussi à ce que Css et javascripts ? [ par tofman ] Bonjour, Je recherche une piste privil&#233;gi&#233;e CSS, sinon en javascript (mais l&#224; je suis une grosse bille). J'ai plusieurs styles pour mon Simpe question HTML et CSS [ par syndrael ] Bonjour, J'ai une image et un bouton radio que je place dans un TD. Comment puis je faire pour que ces deux éléments soient l'un au dessus de l'autre, menu dynamique horizontal [ par jousay ] Bonjour,J'aimerais créer un menu dynamique horizontal qui fonctionnerait comme le menu windows (file, edit, view,...); c'est à dire comme le menu de p bug sur mon site [ par amaurydb ] bonjour,j'ai un bleme avec un site. Il est en css -html (deso, c'est pas le but de ce site, mais c'est sur celui-ci que je viens tout le temps...)adre page html en 3 colonne [ par matcra13 ] bonjours,j'aimerais disposer d'une page comme celle si http://users.istanews.com/scts/acceuil.htm avec trois colonne et des lien en desous je me susi Séparer HTML et javascript [ par lowkey ] Bonjour à tous !!Je suis en train de développer mon site WEB et je souhaite séparer completement le html du js.Dans mon js, je devrais donc avoir quel Probleme Html [ par sarathai ] Bonjour,Je ne savais pas trop où poster ceci, donc j'aidécider que javascript me samblait la rubrique la plus justifiée.Donc je programme en Java, et Intégrer du HTML dans du CSS [ par phelsuma ] Bonjour à toutes et à tous,J'ai créé une petite bannière sous Photoshop que je compte intégrer sur mon site. Cette bannière a été découpée avec l'outi liens dans une feuille de style [ par phelsuma ] Salut tout le monde,Ce topic fait suite à celui-ci :  http://www.javascriptfr.com/infomsg_INTEGRER-HT


Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Téléchargements

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

Comparez les prix Nouvelle version


LG KP501

Entre 9€ et 159€


Photothèque Nouveau !



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,640 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.