[HTML] - Page web divisée en deux parties...

- Page web divisée en deux parties... [HTML] - HTML/CSS - Programmation

Marsh Posté le 11-01-2006 à 15:15:47    

Salut.
 
Je voudrais faire une page web divisée en deux parties, avec a gauche une colonne menu et les pages dans la partie de droite...
Comment faire?
 
Merci

Reply

Marsh Posté le 11-01-2006 à 15:15:47   

Reply

Marsh Posté le 11-01-2006 à 15:23:09    

http://www.ccim.be/ccim328/html/frames.htm
 
Voilà je pense que cela te sera utile, mais je te conseil de t'interesser au CSS2 ;)

Reply

Marsh Posté le 11-01-2006 à 15:25:11    

Euh oui,... orienter un débutant vers les frames, en 2006, ...est comment dire... pas une bonne idée.


---------------
♈ ♋ ♌ ♍ ♎ ♏ - Agora Fidelio | Galerie d'art Toulousaine
Reply

Marsh Posté le 11-01-2006 à 15:27:14    

je connais un peu le CSS et en effet, je pense que je préfère cette solution...
pouvez vous m'indiquer la manière de procéder en css pour faire des frames???

Reply

Marsh Posté le 11-01-2006 à 15:30:22    

Dans ton code html tu formes des boites a l'aide de la balise <div> </div> et avec dans ton fichier .css tu mets en forme tes Div.
 
Pour commencer je te conseil: http://mammouthland.free.fr/cours/css/ ou encore http://www.alsacreations.com/

Reply

Marsh Posté le 11-01-2006 à 15:32:28    

j_lecruel ce genre de remarque ne fait pas avancer les gens ... si tu ne trouves pas cette reponse convenable oriente le vers une autre direction...

Reply

Marsh Posté le 11-01-2006 à 15:57:07    

El Pa a écrit :

j_lecruel ce genre de remarque ne fait pas avancer les gens ... si tu ne trouves pas cette reponse convenable oriente le vers une autre direction...


 
 
Comme tu l'as fait dans ta deuxième réponse avec les <div>. Faut avouer que le coup des frames, t'as pas peur de la pelle toi.

Reply

Marsh Posté le 11-01-2006 à 15:57:40    

El Pa > Hum... au contraire je pense que c'est une bonne chose qu'il sache qu'il à tout interêt à éviter d'utiliser des frames.
 
Sinon pour te documenter tu as aussi http://openweb.eu.org/ , http://pompage.net...


---------------
♈ ♋ ♌ ♍ ♎ ♏ - Agora Fidelio | Galerie d'art Toulousaine
Reply

Marsh Posté le 11-01-2006 à 16:04:22    

Oui. Merci.
Sinon, maintenant, j'imerait faire en sorte que mon menu a gauche de ma page ne monte pas quand je fais défiler ma page vers le bas, de manière à rester toujours visible...
Comment faire ?
Merci.
 
J'ai ceci pour l'instant :  
Ma CSS:

#menu
{
   border-color: lightsalmon;
   width: 250px;
   float: left;
}
#contenu
{
   margin-left: 300px;
}


Ma page HTML :


<div id="menu">Le contenu de mon menu"</div>
<div id="contenu">Le contenu de ma page, qui est super long (plusieurs hauteurs de pages</div>


 
Je vous remercie de votre aide...


Message édité par Profil supprimé le 11-01-2006 à 16:05:32
Reply

Marsh Posté le 11-01-2006 à 16:08:31    

Tu peux faire ça :
 

Code :
  1. #menu {
  2.    position:fixed;
  3. }


 
Sachant que ça ne passe pas sous IE... là tu n'aura pas d'autres solution que passer par du JS.


---------------
♈ ♋ ♌ ♍ ♎ ♏ - Agora Fidelio | Galerie d'art Toulousaine
Reply

Marsh Posté le 11-01-2006 à 16:08:31   

Reply

Marsh Posté le 11-01-2006 à 16:09:13    

Et firefox le prend???

Reply

Marsh Posté le 11-01-2006 à 16:09:32    

Yep.
 
Edit : Exemple ici : http://www.w3.org/Style/Examples/007/menus.html


Message édité par j_lecruel le 11-01-2006 à 16:09:52

---------------
♈ ♋ ♌ ♍ ♎ ♏ - Agora Fidelio | Galerie d'art Toulousaine
Reply

Marsh Posté le 11-01-2006 à 16:20:35    

MEric

Reply

Marsh Posté le 11-01-2006 à 16:36:56    

Moi j'ai un petit soucis de Div entre firefox et IE toutes mes div apparaissent correctement sauf la derniere...
 
Css

Spoiler :

#news {
 position: absolute;
 top: 26%;
 width: 15%;
 height: 120px;
 right: 2%;
 background:#5d7182;
 text-align: center;
 font-size: 15px;
 border: 1px solid gray;
}


 
Html

Spoiler :

<div id="news>
 <h3>News</h3>
</div>


 
est ce qu'il y a une erreur ? Merci pour votre réponse

Reply

Marsh Posté le 11-01-2006 à 16:43:10    

Tu aurais une URL qu'on puisse voir ce qui se passe ?


---------------
♈ ♋ ♌ ♍ ♎ ♏ - Agora Fidelio | Galerie d'art Toulousaine
Reply

Marsh Posté le 11-01-2006 à 16:49:45    

oublié " après news... (<div id="news> => <div id="news">

Reply

Marsh Posté le 11-01-2006 à 16:52:31    

ah merci beaucoup je ne le voyais pas merci

Reply

Marsh Posté le 11-01-2006 à 17:30:01    

Merci, en vous lisant je viens enfin de comprendre le fonctionnement des balises <div> !!!!
 
Je me sert de Dreamweaver pour me facilitér la tâche mais jusqu'a present j'utilisais la fonction Layer ou Calques (en francais!) est elle mois préferable que la fonction <div> ?
 

Reply

Marsh Posté le 11-01-2006 à 17:32:18    

Ouh là. <div> est une balises générique, sémantiquement nulle, ...à n'utiliser donc que pour structurer la page.


---------------
♈ ♋ ♌ ♍ ♎ ♏ - Agora Fidelio | Galerie d'art Toulousaine
Reply

Marsh Posté le 11-01-2006 à 17:45:38    

Bien compris!

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed