J'ai insérer (sur un site qui me sert d'entrainement après les cours que je visionne), une barre tout en haut de la page avec un style avant et après survol.
Mon visuel sans survol correspond à ce que je veux, mais dès que je survol le texte part à gauche.
J'ai un peu tout essayer je n'arrive pas à régler le problème.
Salut, c'est a cause du display flex dans le hover ligne 33, ca annule les autres types d'alignements, ici faudrait ajouter justify-content: center, si tu veux centrer et garder le display flex
Alors en fait à la base je l'avais fait de façon classique <nav> + <ul> + <li> et je ne sais plus où j'ai vu/lu il y a quelques jours quelqu'un qui disait de remplacer par des <div>, l'idée m'a plue question facilité (pas de puces...), du coup je l'ai appliqué, sans trop penser à la sémantique en effet.
En plus des fois (je sais pas si c'est une impression) je galère avec les balises pour faire du CSS, j'arrive mieux à avoir mon résultat voulu avec des <div> du coup j'en envoie partout je viens de faire une page entière avec que des div et des classes (pas de nav ni de h1 h2 ni de p..........) (j'avoue ce n'est pas une excuse et pas dans les règles je pense...)
Je vais essayer de modifier ça sans perdre le rendu.
Oui j'ai suivi le cours sur HTML5 et CSS3 ainsi que Sass pour le moment donc ça j'ai bien assimilé et je cherche justement à pratiquer.
C'est que plusieurs fois, quand j'utilisais une balise par exemple <table> ou encore simplement <p> ou même les titres <h1>, <h2> etc... et que je mettais en forme directement les balises en CSS ça ne me donnais pas forcément ce que je voulais, mais quand je mettais une <div> à la place (ou même la balise) mais avec une class="" en plus et que je mettais en forme la classe en CSS là j'avais le bon résultat.
C'est peut-être du au fait que certains balises ont leur lot de propriétés par défaut et c'est ce qui déréglait mon rendu ? Ma foi... Du coup j'avais opté pour mettre tout en <div> mais comme remarqué plus haut je vais zapper la sémantique, donc il va falloir que j'apprenne à faire dans les règles et pas bidouiller pour me faciliter
Oui surement cela vient des padding et margin par défaut. Pour voir cela rapidement utilise toujours les outils de développement (F12).
Clique sur l'icone en forme de petite flèche dans un carré en haut, ca te permets de sélectionner un élément et de voir toutes ces propriétés. En général au survol tu vois le margin de couleur orange, et le padding de couleur verte. Ensuite tu peux faire des tests directement sur ton navigateur pour obtenir le résultat que tu veux.
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
La meilleure solution est toujours la plus simple. Ma chaîne Youtube [Tutos pour débutants]
La meilleure solution est toujours la plus simple. Ma chaîne Youtube [Tutos pour débutants]
La meilleure solution est toujours la plus simple. Ma chaîne Youtube [Tutos pour débutants]
La meilleure solution est toujours la plus simple. Ma chaîne Youtube [Tutos pour débutants]