Ou placer le menu droit ?
Chabanus
Messages postés
1026
Statut
Membre
-
king -
king -
Bonjour !
Ou il serait plus correcte de placer le menu droit ? Après le corps ou avant ? Après le menu gauche ou avant
<div id="menuD"><?php include("menuD.php"); ?></div>
Si vous avez une idée merci de me la parvenir avec un css convenable merci :)
Celui que j'utilise est:
Ou il serait plus correcte de placer le menu droit ? Après le corps ou avant ? Après le menu gauche ou avant
<div id="menuD"><?php include("menuD.php"); ?></div>
Si vous avez une idée merci de me la parvenir avec un css convenable merci :)
Celui que j'utilise est:
body
{
margin: auto;
margin-top: 20px;
margin-bottom: 90px;
background-image: url("images/02.jpg");
background-repeat: repeat-x;
}
#banniere
{
width:1000px;
height:350px;
margin-bottom:20px;
margin-left:50px;
background-image: url("images/00.png");
background-repeat: no-repeat;
}
#barre
{
height: 69px;
width:967px;
margin-top: 20px;
margin-bottom:20px;
padding:10px;
}
#menu
{
float: left;
width: 189px;
height:412px;
margin-top:10px;
margin-bottom: 30px;
margin-right:10px;
margin-left:10px;
}
#menuD
{
float:right;
width: 189px;
height:412px;
margin-top:10px;
margin-bottom: 30px;
margin-right:10px;
margin-left:10px;
}
#corps
{
width:800px;
margin-left: 240px;
margin-bottom: 30px;
padding: 10px;
margin-right: 240px;
border: 1px solid black;
}
#pied
{
padding: 5px;
}
A voir également:
- Ou placer le menu droit ?
- Menu déroulant excel - Guide
- Placer des points sur une carte - Guide
- Remettre ecran droit - Guide
- Canon quick menu - Télécharger - Utilitaires
- Photo libre de droit - Guide
14 réponses
Merci pour tes réponses.
Ben ce n'est pas de ma faute si IE n'arrive pas a lire des script java lol et puis c'est après avoir atteint un certain niveau dans la création de mon site que j'ai testé avec IE et c'était certes la galère, si j'étais pas nul je ne chercherais pas a savoir comment ça marche ;-) et puis cela fait presque prés de trois mois que j'ai appris ce que voulais dire "XHTML" ^^', je suis super débutant et besoin d'aide .
Ben j'ai essayé d'enlever float et mettre un margin-left de 1000px le menu est toujours en bas du corps.
Note: J'inclus, donc tout est indépendant de la page,mise a part la bannière et le corps.
Et le css actuel est:
Voilà si c'est plus claire, merci de m'offrir votre aide ^^
Ben ce n'est pas de ma faute si IE n'arrive pas a lire des script java lol et puis c'est après avoir atteint un certain niveau dans la création de mon site que j'ai testé avec IE et c'était certes la galère, si j'étais pas nul je ne chercherais pas a savoir comment ça marche ;-) et puis cela fait presque prés de trois mois que j'ai appris ce que voulais dire "XHTML" ^^', je suis super débutant et besoin d'aide .
Ben j'ai essayé d'enlever float et mettre un margin-left de 1000px le menu est toujours en bas du corps.
Note: J'inclus, donc tout est indépendant de la page,mise a part la bannière et le corps.
<div id="banniere"></div> //bannière du site
<div id="barre"><?php include("barre.php"); ?></div> // barre de navigation
<div id="menu"><?php include("menu.php"); ?></div> //menu gauche
<div id="corps">// contenu du corps
<div id="pied"><?php include("pied.php") ?></div> // le pied de page dans le corps
</div>
<div id="menuD"><?php include("menuD.php"); ?></div> //menu droit
Et le css actuel est:
body
{
margin: auto;
margin-top: 20px;
margin-bottom: 90px;
background-image: url("images/02.jpg");
background-repeat: repeat-x;
}
#banniere
{
width:1000px;
height:350px;
margin-bottom:20px;
margin-left:50px;
background-image: url("images/00.png");
background-repeat: no-repeat;
}
#barre
{
height: 69px;
width:967px;
margin-top: 20px;
margin-bottom:20px;
padding:10px;
}
#menu
{
float: left;
width: 189px;
height:412px;
margin-top:10px;
margin-bottom: 30px;
margin-right:10px;
margin-left:10px;
}
#corps
{
width:800px;
margin-left: 240px;
margin-bottom: 30px;
padding: 10px;
border: 1px solid black;
}
#menuD
{
width: 189px;
margin:10px;
margin-left: 1240px;
border: 1px solid black;
}
#pied
{
padding: 5px;
}
Voilà si c'est plus claire, merci de m'offrir votre aide ^^
Chabanus
Messages postés
1026
Statut
Membre
70
Je n'arrive toujours pas a croire que je suis arriver a mettre un menu a droite et le gauche impossible, c'est incohérant :|
Bien entendu j'ai essayé ta méthode corps menu gauche ensuite menu droit mais rien n'est claire a cause d'un div d'un script js qui éloigne le corps du menu gauche
Faut voir l'ordre des "div" dans le code (en supposant que tu bosses avec CSS), faire gaffe aussi aux liens de parenté qui est une cata plus qu'une aide :-)
Le navigateur lit de gauche à droite et de haut en bas (pour le principe général), si ils sont imbriqués faut tenir compte des liens de parenté, si ils sont "indépendants", faut tenir compte de l'ordre d'arrivée (sauf dans le cas "absolute") ;-)
Le navigateur lit de gauche à droite et de haut en bas (pour le principe général), si ils sont imbriqués faut tenir compte des liens de parenté, si ils sont "indépendants", faut tenir compte de l'ordre d'arrivée (sauf dans le cas "absolute") ;-)
Comme quoi, vaut mieux lire :-)
Ton brol ici est du genre incohérent:
#menuD
{
float:right;
width: 189px;
height:412px;
margin-top:10px;
margin-bottom: 30px;
margin-right:10px;
margin-left:10px;
}
Le margin-right vaut mieux laisser tomber et partir de gauche (donc tu comptes les espaces éventuels+la largeur menu gauche+ la largeur du centre vu que le navigateur commence par la gauche)
mais ici, tu demandes 10px de chaque côté, donc il ne sait pas le mettre à droite...faut tenir compte de l'ensemble
Ton brol ici est du genre incohérent:
#menuD
{
float:right;
width: 189px;
height:412px;
margin-top:10px;
margin-bottom: 30px;
margin-right:10px;
margin-left:10px;
}
Le margin-right vaut mieux laisser tomber et partir de gauche (donc tu comptes les espaces éventuels+la largeur menu gauche+ la largeur du centre vu que le navigateur commence par la gauche)
mais ici, tu demandes 10px de chaque côté, donc il ne sait pas le mettre à droite...faut tenir compte de l'ensemble
Bon j'ai fais rapidos sans fignoler hein :-)
Pour éviter les couilles en tout genre, au final, vaut mieux jouer avec les float ce qui donne:
http://www.kingdome.be/view/sitetest/test.html
code (peut être amélioré hein)
#conteneur {
top : 0px;
width : 900px;
height: 500px;
left : 50%;
margin-left : -450px;
background-color : #000000;
}
#c {
float:left;
margin-top: 0px;
margin-left : 10px;
width : 200px;
height: 300px;
background-color: #ff0000;
}
#g {
margin-left:0px;
float:left;
width : 200px;
height: 300px;
background-color : #ffff00;
}
#d {
margin-top:0px;
margin-left :420px;
width : 200px;
height: 300px;
background-color : #ffffff;
}
J'espère ne pas me planter en recopiant car là je fais 6 choses en même temps, erf...
Pour éviter les couilles en tout genre, au final, vaut mieux jouer avec les float ce qui donne:
http://www.kingdome.be/view/sitetest/test.html
code (peut être amélioré hein)
#conteneur {
top : 0px;
width : 900px;
height: 500px;
left : 50%;
margin-left : -450px;
background-color : #000000;
}
#c {
float:left;
margin-top: 0px;
margin-left : 10px;
width : 200px;
height: 300px;
background-color: #ff0000;
}
#g {
margin-left:0px;
float:left;
width : 200px;
height: 300px;
background-color : #ffff00;
}
#d {
margin-top:0px;
margin-left :420px;
width : 200px;
height: 300px;
background-color : #ffffff;
}
J'espère ne pas me planter en recopiant car là je fais 6 choses en même temps, erf...
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
T'as écrit ça comment? Avec les tables, il n'y a pas de pépin en général (les espaces sont légèrement plus petits sur IE mais à part ça....).
Erf, si tu mets une table, pourquoi imbriquer un div???
Tu peux mettre un style css sur une cellule. En prenant cellule 1,2,3, ça donne un truc du style:
<table>
<tr>
<td id="c1">
</td>
<td id="c2">
</td>
<td id="c3">
</td>
</tr>
</table>
C1 c'est le menu gauche, tu peux appeler l'id "menug" si tu préfères
C2 c'est le corp, qu'on peut nommer "centre"
C3 c'est le menu droit, qu'on peux appeler "menud" (histoire que ce soit plus explicite).
Sinon, tu peux te passer de la table en reprenant les div montrés en message 10.
sur la feuille de style, ce sera repéré comme:
#c1{
ici tu mets le style voulu
}
idem pour les autres.
Puis tu retestes sur Firefox, IE, Opera histoire d'être sûre que tout ce petit monde est d'accord :-)
Pour le style en extérieur des docs, tu crées avec le bloc note un fichier style.css
Entre les balises <HEAD> et </HEAD> tu appelle ton fichier par:
<link rel="stylesheet" href="style.css" /> (version xhtml)
ou
<link rel="stylesheet" href="style1.css"> (version html)
Selon le type de doc que tu choisis (y a que "espace + /" qui change) ;-)
Tu peux mettre un style css sur une cellule. En prenant cellule 1,2,3, ça donne un truc du style:
<table>
<tr>
<td id="c1">
</td>
<td id="c2">
</td>
<td id="c3">
</td>
</tr>
</table>
C1 c'est le menu gauche, tu peux appeler l'id "menug" si tu préfères
C2 c'est le corp, qu'on peut nommer "centre"
C3 c'est le menu droit, qu'on peux appeler "menud" (histoire que ce soit plus explicite).
Sinon, tu peux te passer de la table en reprenant les div montrés en message 10.
sur la feuille de style, ce sera repéré comme:
#c1{
ici tu mets le style voulu
}
idem pour les autres.
Puis tu retestes sur Firefox, IE, Opera histoire d'être sûre que tout ce petit monde est d'accord :-)
Pour le style en extérieur des docs, tu crées avec le bloc note un fichier style.css
Entre les balises <HEAD> et </HEAD> tu appelle ton fichier par:
<link rel="stylesheet" href="style.css" /> (version xhtml)
ou
<link rel="stylesheet" href="style1.css"> (version html)
Selon le type de doc que tu choisis (y a que "espace + /" qui change) ;-)
Comment on fait pour s'y retrouvé dans ton code et par le même occaz répondre a ta question ??
T'as pas un lien plutôt et reprécise ta question stp !
T'as pas un lien plutôt et reprécise ta question stp !
http://nsa02.casimages.com/img/2008/10/09/081009065039247535.jpg
regarde l'image, le menu de droite est en dessous du corps alors qu'il devrait être juste a droite.
site http://narutoallreaction.ifrance.com
regarde l'image, le menu de droite est en dessous du corps alors qu'il devrait être juste a droite.
site http://narutoallreaction.ifrance.com
Finalement j'ai opté pour un tableau et tout semble être correcte ^^, merci pour ton aide et beau design de ton site ^^
