menu responsive

Petit nouveau ! | 3 Messages

06 déc. 2015, 15:20

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

Mammouth du PHP | 643 Messages

06 déc. 2015, 17:02

Je t'invite à découvrir le framework de bootstrap http://getbootstrap.com/
Ps: Juste ta demande n'a rien à voir avec PHP

Petit nouveau ! | 3 Messages

06 déc. 2015, 18:26

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

Avatar du membre
Administrateur PHPfrance
Administrateur PHPfrance | 9782 Messages

06 déc. 2015, 18:42

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.
Quand tout le reste a échoué, lisez le mode d'emploi...

Petit nouveau ! | 3 Messages

06 déc. 2015, 19:37

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