Hobby001 a écrit: Sur https://www.w3.org/TR/css3-mediaqueries/ les informations datent de juin 2012, c'est un peu vieux sur l'échelle de péremption internet.

mea culpa, le travail du W3C est en constante évolution, et si le document cité est normatif, le dernier concernant les MQ est encore un working draft (du 21/01/2016, c'est vieux, mais quand même )

https://www.w3.org/TR/mediaqueries-4/

Voici le code du menu pour www.de-troyer.be :
.barremenu{
background-color:rgba(153,0,204,0.8) !important;
width:100% !important;
position : fixed !important;
z-index:9999 !important;

}

@media screen and (max-width: 799px) {
.titrebarremenu{
font-size:20px !important 
}   
#WEBoutonMenu{
display:inline-block !important;
}
#WEMenuPrincipal{
display:none !important;
}
}

@media screen and (min-width: 799px) and (max-width: 1170px) {
.titrebarremenu{
font-size:24px !important;
}   
.menu{
margin-left:2px !important;
}
#WEBoutonMenu{
display:none !important;
}
#WEMenuPrincipal{
display:inline-block !important;
}
}

@media screen and (min-width: 1170px) {
.titrebarremenu{
font-size:32px !important;
}   
.menu{
margin-left:5% !important;
}
#WEBoutonMenu{
display:none !important;
}
#WEMenuPrincipal{
display:inline-block !important;
}   
}


Calque Menu:
Sélectionner le panneau d'éléments contenant les menus
propriétés-->redimensionnement : hauteur seul. , dépassement : visible, mode affichage relative
styles -->personnalisation-->largeur auto !important



Edité par Bridet - 03 Mai 2016 à 08:28

Sur https://www.w3.org/TR/css3-mediaqueries/ les informations datent de juin 2012, c'est un peu vieux sur l'échelle de péremption internet.  

Edité par Hobby001 - 02 Mai 2016 à 20:29

penspart a écrit: Bonjour, Oui le lien était mon "ancien" site, justement depuis hier j'ai fais le transfert de ma version "responsive". Sauf que j'ai 2 soucis: l'un est que sur smartphone le menu pop up n'apparait pas, et que mon menu sur tablette ne s'affiche pas entièrement, il manque "services & Conseils" et "Contact. Pour ce qui est de la vidéo en fait ça ne pose pas de soucis. Ce qui est d'autant plus surprenant c'est que lorsque je réduis ma fenêtre sur l'ecran de mon pc,j'ai bien le menu pop up qui apparaît

Edité par Hobby001 - 02 Mai 2016 à 17:51

Bonjour,

Oui le lien était mon "ancien" site, justement depuis hier j'ai fais le transfert de ma version "responsive". Sauf que j'ai 2 soucis: l'un est que sur smartphone le menu pop up n'apparait pas, et que mon menu sur tablette ne s'affiche pas entièrement, il manque "services & Conseils" et "Contact.
Pour ce qui est de la vidéo en fait ça ne pose pas de soucis.

Ce qui est d'autant plus surprenant c'est que lorsque je réduis ma fenêtre sur l'ecran de mon pc,j'ai bien le menu pop up qui apparaît


Edité par penspart - 02 Mai 2016 à 08:50