Page 1 sur 1

menu responsive

Posté : 06 déc. 2015, 15:20
par skorn
lut a tous

voila je m'apercois que avec ce site on voit des menus a l'horizontale et lorsqu'on minimise la fenetre qu'on la fait devenir de la taille d'un mobile ca devient un petit icone avec trois barres
et lorsqu'on clique dessus les menus horizontaux apparaissent
comme ca quoi :
Image

le probleme c'est que je sais comment faire des menus horizontaux et verticaux mais pour que quand on reduit la fenetre que ca devienne comme ce chais pas
c'est super pratique pour les mobiles ca permet d'economiser un max de place
merci de m'aider

Re: menu responsive

Posté : 06 déc. 2015, 17:02
par yoann38
Je t'invite à découvrir le framework de bootstrap http://getbootstrap.com/
Ps: Juste ta demande n'a rien à voir avec PHP

Re: menu responsive

Posté : 06 déc. 2015, 18:26
par skorn
clair c'est vrai que je me suis posé la question avant de poster mais bon j'ai posé quand meme
merci pour le lien

Re: menu responsive

Posté : 06 déc. 2015, 18:42
par @rthur
Bonjour,

Cela se fait en utilisant les mediaqueries en CSS3, qui permet d'avoir un CSS différent suivant la taille de l'écran.
Voici quelques pistes pour tout savoir sur les mediaqueries :
http://www.alsacreations.com/article/li ... eries.html
https://openclassrooms.com/courses/appr ... ia-queries

Et le raccourci clavier magique pour tester son site comme sur mobile avec Firefox : Ctrl + Maj + M :)

PS : Je déplace ton sujet dans le forum HTML5 / CSS3 car c'est davantage dans cette section qu'il trouveras des réponses.

Re: menu responsive

Posté : 06 déc. 2015, 19:37
par skorn
vraiment trop cool ta reponse
ennnnfin j'arrive a comprendre ce changement de resolution d'ecran
trop bien expliqué sur openclassroom
je suivait un tuto php jusqu'a maintenant ils sont vraiment clairs
merci