Problème : Div menu à gauche qui ne s'affiche pas..
Résolu
antoinegdln4
-
uniuc Messages postés 327 Statut Membre -
uniuc Messages postés 327 Statut Membre -
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
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.
-- -
J'ai supprimé le Width, ça ne change rien du tout... :/
-
Peut être que Animostab pourrait voler à mon secourzs comme la fois d'avant ? :)
-
la j'ai pas dit de virer ton width: mais de bidouiller, peut etre le passer à 250px.
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)-
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. -
-
-
Oui c'est vrai, mais il n'existe pas un autre moyen sans le height ?
-
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.
-- -
-
sinon j'ai bien une autre idée,
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é.
-
-
C'est juste mon prof de Web qui dit qu'il ne faut pas utiliser du Top, du height, et tout.. Dans du html5 pour le menu de gauche... xD