Bonsoir !
Je suis occupée à créer un site web, et je ne suis pas experte en mise en page. En outre, j'essaye d'utiliser les dernières technos.
J'ai juste envie d'avoir vos avis, conseils, critiques sur ce code :
https://pastebin.com/zcR9QRKF (HTML)
https://pastebin.com/wh7dAKZk (CSS)
Je voulais créer une barre de navigation façon flat design, pouvoir cliquer sur les boutons dans toute leur zone, centrer le texte, etc...
Est-ce une bonne façon de faire ou je me complique trop la vie ?
Merci
Voici mon nouveau fichier CSS :
https://pastebin.com/VJchWTAV
J'ai trouvé pour hier. La solution était que... j'ai oublié align-items: center
Plusieurs choses, tout d'abord faire du code en dur comme ça, ça n'existe plus vraiment je te conseille plutôt de partir sur un framework comme bootstrap ou materialize par exemple qui t'éviteront de nombreux problèmes.
Ensuite si tu veux vraiment le faire en dur sans te faire chier avec les alignements et positionnements etc je te propose de regarder du côté de CSS flexbox qui sont un ensemble de propriétés CSS qui vont te simplifier la vie. ;)
https://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
Coucou !
J'utilise déjà flex dans mon CSS.
Pour ce qui est de bootstrap je vais m'y mettre, mais j'essaye de faire un minimum de choses avant car ça fait logntemps que je n'ai plus fait de html/css.
Merci en tout cas
Pour une bar de navigation basique, y'a rien à signaler !
Sinon je confirme pour Boostrap , c'est un framework assez simple d'utilisation et très complet, surtout si on veut faire du responsive .
Après tu peux peut être ajouter un " margin-left:20px; " sur les "li" histoire d'aérer un peu plus la barre
Elle a raison d'y procéder par étape. Si elle débute ou révise l'intégration Web, (re)commencer en revoyant les bases c'est une bonne initiative.
Balancer du Bootstrap sans comprendre un minimum la structure et les problématiques de l'HTML et du CSS c'est contre-productif. Bootstrap c'est un facilitateur (comme tous les frameworks d'ailleurs) pas un combleur de lacunes.