Problème : Div menu à gauche qui ne s'affiche pas..
Résolu
antoinegdln4
-
uniuc Messages postés 304 Date d'inscription Statut Membre Dernière intervention -
uniuc Messages postés 304 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
C'est de nouveau moi ! :)
Alors cette fois ci le site c'est celui là, fait en cours : https://googledrive.com/host/0BzInHTDBvueiQ0hTOVZoU1g0eFk/Tintin.html
Comme vous pouvez le voir, le menu à gauche s'affiche .. mais pas du tout comme prévu.. Il doit normalement s'étaler tout le long à gauche (sans déborder sur l'autre div)...
Le problème est que je n'ai pas le droit de définir une longueur ou une hauteur dans le CSS.. Pourquoi ne s'affiche-t-il pas ?
Merci de me donner vos solutions... :) (je rappelle que je veux que le fond du menu soit déroulée jusqu'en bas de la page et pas juste autour du texte, et j'aimerais pouvoir appliquer ainsi des styles à la div).
||||||||
Voilà le CSS :
body{background-color:#95EE6B;}
h1 {font-size:24pt; background-color:#2F8F00;font-weight:bold; }
h2 {font-size:14pt; background-color:#2F8F00;font-weight:bold; }
p.texte:first-letter {font-size:200%;}
td {background-color:#5B9F4A}
table.musique{border:4px solid black; border-spacing: 2px; padding : 5px;}
td.fin{background-color:#2F8F00}
td.center{text-align:center}
table.para{border:4px solid black; border-spacing: 2px; padding : 5px; height="100%";}
a:link {
font-weight:bold;
font-family:verdana; }
a:visited{ font-weight: Bold;
}
a:hover{ font-weight:bold;
font-style:italic;
color::#4DDE00;}
.menu{
width:170px;
position:fixed;
background-color:#2F8F00;
font-size:10pt;
float:left;
}
.contenu{
padding:10px;
margin-left:250px;
border-radius:0px 10px 10px 0px;
}
.global{
border-radius:10px ;
background-color:#95EE6B;
}
Merci d'avance de vos réponses !
C'est de nouveau moi ! :)
Alors cette fois ci le site c'est celui là, fait en cours : https://googledrive.com/host/0BzInHTDBvueiQ0hTOVZoU1g0eFk/Tintin.html
Comme vous pouvez le voir, le menu à gauche s'affiche .. mais pas du tout comme prévu.. Il doit normalement s'étaler tout le long à gauche (sans déborder sur l'autre div)...
Le problème est que je n'ai pas le droit de définir une longueur ou une hauteur dans le CSS.. Pourquoi ne s'affiche-t-il pas ?
Merci de me donner vos solutions... :) (je rappelle que je veux que le fond du menu soit déroulée jusqu'en bas de la page et pas juste autour du texte, et j'aimerais pouvoir appliquer ainsi des styles à la div).
||||||||
Voilà le CSS :
body{background-color:#95EE6B;}
h1 {font-size:24pt; background-color:#2F8F00;font-weight:bold; }
h2 {font-size:14pt; background-color:#2F8F00;font-weight:bold; }
p.texte:first-letter {font-size:200%;}
td {background-color:#5B9F4A}
table.musique{border:4px solid black; border-spacing: 2px; padding : 5px;}
td.fin{background-color:#2F8F00}
td.center{text-align:center}
table.para{border:4px solid black; border-spacing: 2px; padding : 5px; height="100%";}
a:link {
font-weight:bold;
font-family:verdana; }
a:visited{ font-weight: Bold;
}
a:hover{ font-weight:bold;
font-style:italic;
color::#4DDE00;}
.menu{
width:170px;
position:fixed;
background-color:#2F8F00;
font-size:10pt;
float:left;
}
.contenu{
padding:10px;
margin-left:250px;
border-radius:0px 10px 10px 0px;
}
.global{
border-radius:10px ;
background-color:#95EE6B;
}
Merci d'avance de vos réponses !
9 réponses
Je dit peut-être une bêtise mais ici
Tu vois width: 170px; à mon avis c'est lui qui justifie la largeur de ton menu.
--
a:hover{ font-weight:bold; font-style:italic; color::#4DDE00;} .menu{ width:170px; position:fixed; background-color:#2F8F00; font-size:10pt; float:left; }
Tu vois width: 170px; à mon avis c'est lui qui justifie la largeur de ton menu.
--
la j'ai pas dit de virer ton width: mais de bidouiller, peut etre le passer à 250px.
puis pour la hauteur tu veut que ça descende jusqu'en bas ?
--
width: 250px;
puis pour la hauteur tu veut que ça descende jusqu'en bas ?
--
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Si je le bidouille il me l'augmente en tailel c'est tout.. Mais Normalement il devrait descendre jusqu'en bas.. En fait je veux le faire descendre jusqu'en bas (sans régler une hauteur) (ça ne se fait pas en html5-css3, de régler une hauteur comme ça, c'est trop facile ) xD
En bref je cherche ce qui beug dans mon code, pourquoi ça descend pas jusqu'en bas.. (le Menu)
En bref je cherche ce qui beug dans mon code, pourquoi ça descend pas jusqu'en bas.. (le Menu)
si mais c'est moche suffit de faire height: 100%;
test après sur https://bluetree.ai/screenfly/
pour voir le résultat selon l'écran.
test après sur https://bluetree.ai/screenfly/
pour voir le résultat selon l'écran.
perso moi je n'en connais pas mais bon je suis une truffe en codage lol
Mais déjà la ce que tu a fait c'est sympa.
--
Mais déjà la ce que tu a fait c'est sympa.
--
Quelqu'un aurait peut être une autre idée ?
sinon j'ai bien une autre idée,
tu vire height, et tu joue sur la hauteur dans avec :
top: xxpx;
bottom: xxpx;
Genre
mais bon je ne sais pas trop ou il est écrit que eight ne dois pas être utilisé.
tu vire height, et tu joue sur la hauteur dans avec :
top: xxpx;
bottom: xxpx;
Genre
.menu{ width: 250px; bottom:20px; top:105px; position:fixed; background-color:#2F8F00; font-size:10pt; float:left; }
mais bon je ne sais pas trop ou il est écrit que eight ne dois pas être utilisé.