begin process at 2010 02 10 01:29:45
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Menu & Co

 > SQUELETTE DE PAGE EN DEUX COLONNES

SQUELETTE DE PAGE EN DEUX COLONNES


 Information sur la source

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

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Menu & Co Classé sous :menus, deux, colonne, html, css Niveau :Débutant Date de création :01/06/2007 Vu :9 396
Auteur : Massedil

Ecrire un message privé
Ce membre participe au partage de revenus publicitaires
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.


 Sources de la même categorie

Source avec Zip Source avec une capture MENU VERTICALE GAUCHE ET DROIT DEROULANT par kazma
Source avec Zip Source avec une capture MENU VERTICALE EN TRANSPARENCE par dlvains
Source avec Zip Source avec une capture MENU DÉROULANT EN IMAGES par dlvains
Source avec Zip TBFRAME: TAB BROWSING FRAME par triumphs
Source avec Zip Source avec une capture MENU PRINCIPAL par ali1987
Toutes les sources de la catégorie Menu & Co

 Sources en rapport avec celle ci

MODIFIER SES FEUILLES DE STYLES .CSS À LA VOLÉE AVEC JAVASCR... par Phildepantin
Source avec Zip FAIRE UN CV EN HTML VIA XML ET DU XSL par antour
DÉTECTER SI CSS EST ACTIVÉ par jdmcreator
Source avec Zip TBFRAME: TAB BROWSING FRAME par triumphs
Source avec Zip Source avec une capture [MEC] MENUS EN CSS par Bul3

Commentaires et avis

Commentaire de coucou747 le 02/06/2007 10:04:47

c'est du html pas du js...

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

Février 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

Consulter la suite du CalendriCode
 
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

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,920 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)