comment ajouter une image dans la barre de navigation html


Réponse 1:

Voici mon code pour l'instant:

(Ce n'est que la partie pertinente du code complet, et oui, normalement je lierais ma feuille de style CSS)

Innovel | Accueil

Et voici à quoi ressemble le code dans le navigateur:

** Comme je l'ai déjà dit, le problème ici est que la barre de menu est placée légèrement en dessous du logo, et je veux qu'elle soit alignée, horizontalement avec le logo plutôt qu'en dessous.


Réponse 2:

J'essaierais quelque chose comme ce qui suit. Comme l'a dit Rudan Horia, vous pouvez utiliser le flotteur pour cela. Vous devrez peut-être ajuster les marges et les largeurs.

#container {position: relative; débordement caché; largeur: 100%;}.img1 {position: relative; float: gauche; marge: 30px 30px 30px 10px; largeur: 30%; box-sizing: border-box;}.nav {position: relative; float: gauche;marge: 0px; arrière-plan: #ffffff;largeur: 65%; box-sizing: border-box;}boîte-dimensionnementflottedébordementCSS - Effacement des flottantsTout sur les flotteurs | Astuces CSS

Réponse 3:

Premièrement, «a» et «b» ne sont pas des valeurs valides pour la propriété position. La propriété de position css ne prendra que ces valeurs:

position: statique | absolue | fixe | relative | initiale | hériter;

Ce que vous recherchez, c'est la propriété float:

.img1, .nav { float: gauche;}

Si vous ne spécifiez pas de flottant, vos deux éléments occuperont par défaut 100% de la largeur de leur parent.

Et voici le stylo:

BWPWPK