Toute aide est grandement appréciée, merci!
Voici mon code HTML voici mon code CSS < / a> Voici ce que mon Index.html ressemble à maintenant @jvdmr édité pour ajouter du code à partir de captures d'écran - Je pense que la troisième capture d'écran combinée au code et le titre fournit suffisamment d'informations pour cette question. < / p>
3 Réponses :
Après avoir été rapproché de vos images jointes, j'ai écrit ci-dessous le code. J'espère que cela peut vous aider.
.row{text-align:center; width:100%; display:inline-block;}
Certaines choses ici:
N'oubliez pas de fermer vos étiquettes DIV et UL!
Ajoutez ceci pour .row:
.row { Affichage: -WebKit-Flex; Affichage: flex; -webkit-flex-direction: rangée; Flex-direction: rangée; -WebKit-justifier-le contenu: centre; Justify-Content: Centre; Contenu aligné: étirer; }
Cela permet à votre problème d'agir en tant que conteneur sur votre page avec les enfants étant centrés dans le conteneur.
Remplacez votre .Main-nav {} avec les éléments suivants:
.Main-nav { Style de liste: Aucun; Marge-top: 30px; }
En retirant le flotteur et la marge-gauche, vous autorisez l'affichage: Flex de faire son travail.
Tout d'abord: Veuillez mettre votre code dans votre question, pas dans une capture d'écran, cela facilite la copie et les tester si nécessaire.
Deuxièmement, il ne semble pas avoir essayé de centrer quoi que ce soit du tout. Votre barre NAVBAR est Essayez d'ajouter ceci: au lieu de l'entrée actuelle .Main-navigue dans votre style.css. Gardez le reste de la style.CSS tel quel. float à droite et a un margin-droit de 600px signifie qu'il restera 600px à partir du côté droit de la fenêtre.
Merci, je suis nouveau dans ce site et codage. Je veillerai à copier et coller mon code la prochaine fois, votre réponse a également aidé.
Au lieu de publier des captures d'écran, vous devez insérer votre code directement ici. Créez un extrait pour les personnes à déboguer. Plus facile pour tout le monde.
Essayez d'utiliser flexbox