Design menu gauche et droite

1 juillet 2006 à 23:40:07

Salut !

C'est bien la 1ere fois que je bloque en CSS je pense, et là, il est vrai qu'il n'est pas expliquer sur le site du zero...
Surement un truc simple pour certain ici...

En faites voilà, je suis actuellement en train de refaire mon site, et je m'attaque pour le moment au design, et donc, je voudrais savoir comment créé 2 menu, je veut dire par là, un menu a gauche du corp et un a droite, comme dans mon exemple:
Image utilisateur

On voit bien, l'entete en haut, le corp au milieu et 2 menu, un a gauche et un a droite...
Biensur, je ne souhaite SURTOUT PAS utiliser de tableaux !!!
Mon design prendrais toute la largeur de la page, comme le site > http://www.3dgcnetwork.com/news.php

Pour le moent j'ai essayer de faire, menu 1 en float left, et menu 2 en float right...
Mais je ne sais pas placer le corp entre les deux ...

Bon voilà, je pense que vous avez compris ce que je veut faire...

Jimmy M.

Grand Turk

1 juillet 2006 à 23:52:41

faut deja que tu vire le widht de ton body pour que le site prennent toute la largeur. et ensuite il faut que tu donne une largeur fixe a tes 2 menu.
et normalement rien qu'en faisant ça, les 2 menu en float devrait resté a leur place et le corps devrait simplement se placé entre les deux et se redimenssioner en fonction de la taille de la fenetre.

enfin j'espere que je ne te dit pas de conneries.

et j'espere que ça repond au moin en partie a ta question.
Bonne chance

Ji_magnum

2 juillet 2006 à 0:05:05

J'ai déjà enlever le width et mis une taille aux menu, le corp se place en dessous :s

EDIT: euh vouala qur maintenant il me place le corp a coté du menu gauche, donc ca c'est bon, mais mon menu de droite se place en dessou du corp :s

Jimmy M.

Grand Turk

2 juillet 2006 à 0:09:22

mais alors là c'est + un probleme de html que de css :euh:

RE : non je dit des connerie, le probleme vien du css

Ji_magnum

2 juillet 2006 à 0:11:37

Voilà ce que j'ai:

http://ariokrei.free.fr/truc/ (je me suis permis de mettre des couleur flashi pour bien diférencier)

Code CSS:

/* Corp */
body
{
background-color: #CCCCCC;
margin: auto;
}

/* EN TETE */
#en_tete
{
height: 150px;
background-color: #FF0000;
}

/* CORP */
#corp
{
background-color: #0000FF;
}

/* MENUS */
#menu_gauche
{
float: left;
width: 150px;
background-color: #00FF00;
}
#menu_droite
{
float: right;
width: 150px;
background-color: #00FF00;
}

EDITTTTT:
C'est bon j'ai reussi

J'avais mal placer les divs dans la page ...

Merci.

Jimmy M.

Grand Turk

2 juillet 2006 à 0:16:56

dans ta feuille html tu as du mettre les div dans cette ordre:
1/en-tete
2/menu gauche
3/menu droite
4/corps

non?

EDIT: de rien