begin process at 2012 02 05 23:25:41
  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 :12 693
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 UN MENU EN CSS par Julien39
Source avec Zip FLÈCHE CLIGNOTANTE AU SURVOL D'UN LIEN par lecurieux41
Source avec Zip Source avec une capture TREEMENU-2.3.6-MACNIP par neep
Source avec Zip Source avec une capture MENU CIRCULAIRE par adelmonis
Source avec Zip Source avec une capture MENU TASKBAR WINDOWSXP HOME par micking
Toutes les sources de la catégorie Menu & Co

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture UN MENU EN CSS par Julien39
Source avec une capture PRÉSENTOIR PAGE/SUJET par tiranus
Source avec Zip QUIZ HTML CSS ET JAVASCRIPT par lecurieux41
Source avec Zip Source avec une capture MENU CIRCULAIRE par adelmonis
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 administrateur CS

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 bouton avec le css et html [ par karl45 ] bonjour je voulai savoir si il et possible qu'un bouton (que le crée sur photoshop) puisse changer de couleur a passage de la sourie en utilisant le création d'un menu en javascript/HTML/CSS [ par marty91410 ] bonjour, je cherche a créer un menu dynamique pour mon site web. le mieux serait un logiciel genre DHTML MENU STUDIO que j'ai testé et que j'aime be


Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

Photo Waterfall in Kauai Hawaii With RainbowPhoto Saintes Maries de la Mer vue du ciel (13)
Photo Sunflower Farmland With Blue Cloudy Sky 

Visiter la photothèque
 
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,608 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)