Problème : Div menu à gauche qui ne s'affiche pas..

[Résolu/Fermé]
Signaler
-
Messages postés
156
Date d'inscription
samedi 23 juin 2007
Statut
Membre
Dernière intervention
18 mai 2019
-
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 !

9 réponses

Messages postés
156
Date d'inscription
samedi 23 juin 2007
Statut
Membre
Dernière intervention
18 mai 2019
7
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.
--
Messages postés
33
Date d'inscription
mardi 28 juin 2011
Statut
Membre
Dernière intervention
27 janvier 2016
1
J'ai supprimé le Width, ça ne change rien du tout... :/
Messages postés
33
Date d'inscription
mardi 28 juin 2011
Statut
Membre
Dernière intervention
27 janvier 2016
1
Peut être que Animostab pourrait voler à mon secourzs comme la fois d'avant ? :)
Messages postés
156
Date d'inscription
samedi 23 juin 2007
Statut
Membre
Dernière intervention
18 mai 2019
7
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 ?
--
Messages postés
33
Date d'inscription
mardi 28 juin 2011
Statut
Membre
Dernière intervention
27 janvier 2016
1
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)
Messages postés
156
Date d'inscription
samedi 23 juin 2007
Statut
Membre
Dernière intervention
18 mai 2019
7
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.
Messages postés
156
Date d'inscription
samedi 23 juin 2007
Statut
Membre
Dernière intervention
18 mai 2019
7
Apres pour faire sympa tu colle

height: 88%;

enfin ça tu vois selon ce que tu veut obtenir mais tu sais que ça ne fuit pas sous la fenêtre ça peut être joli.
Messages postés
33
Date d'inscription
mardi 28 juin 2011
Statut
Membre
Dernière intervention
27 janvier 2016
1
Oui c'est vrai, mais il n'existe pas un autre moyen sans le height ?
Messages postés
156
Date d'inscription
samedi 23 juin 2007
Statut
Membre
Dernière intervention
18 mai 2019
7
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.

--
Messages postés
33
Date d'inscription
mardi 28 juin 2011
Statut
Membre
Dernière intervention
27 janvier 2016
1
Quelqu'un aurait peut être une autre idée ?
Messages postés
156
Date d'inscription
samedi 23 juin 2007
Statut
Membre
Dernière intervention
18 mai 2019
7
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é.
Messages postés
33
Date d'inscription
mardi 28 juin 2011
Statut
Membre
Dernière intervention
27 janvier 2016
1
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
Messages postés
156
Date d'inscription
samedi 23 juin 2007
Statut
Membre
Dernière intervention
18 mai 2019
7
Bein oui dans le html on ne colle plus rien qu'il sois 5 ou 4.1, toutes les règles se trouve dans la feuille de style en css3 ou 2 ou 2.1.