Menu css (question bête) [Résolu]

Signaler
Messages postés
57
Date d'inscription
mercredi 24 octobre 2018
Statut
Membre
Dernière intervention
30 mai 2021
-
Messages postés
57
Date d'inscription
mercredi 24 octobre 2018
Statut
Membre
Dernière intervention
30 mai 2021
-
Bonjour,

j'ai 3 éléments et j'aimerais qu'il y est un élément un tout à gauche, unmilieu et à droite et que ça s'adapte automatiquement.

J'ai essayé avec le display; inline-block; et avec un padding mais ça me fait pas ce que je veux.

Merci pour les réponses.

2 réponses

Messages postés
32953
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
14 juin 2021
3 558
Bonjour,

Tu as 3 éléments... mais quoi ? Span ? Div ? autre ?
Tu dis avoir essayé de jouer avec le display.. mais sur quel élément ?

As tu regardé également la disposition float ?

De plus, pour que l'on puisse t'aider, il faut que tu postes le code concerné

NB: Pour poster ton code sur le forum, tu devras utiliser les BALISES DE CODE
Explications (à lire ENTIEREMENT ! ) disponibles ici :
https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code
Messages postés
57
Date d'inscription
mercredi 24 octobre 2018
Statut
Membre
Dernière intervention
30 mai 2021
8
Bonjour (désole pour le délayer).

Voici mes 3 éléments:

<nav class="menu">
	<ul>
		<li>
			<a href="" class="i_test"><img src="img/loupe.png" height="30" width="30"></a>
		</li>
		<li>
			<a href="index.php" class="i_test"><img src="blabla.png" height="30" width="30"></a>
		</li>
		<li>
			<a href="profil.php" class="i_test"><img src="blabla.png" height="30" width="30"></a>
		</li>
	</ul>
</nav>


J'ai essayé beaucoup de CSS et images restent bloquées.

.menu {
	padding: 0px;
	background-color: #EFEFEF;
	height: 20px;
}

.menu ul, .menu li {
	margin: 0 auto;
	padding: 0;
	list-style: none
}

.menu ul {
	width: 100%;
}

.menu li {
	float: left;
	display: inline;
	position: relative;
}

.menu a {
	display: block;
}


Je suis vraiment nul en CSS et j'aimerais juste qu'il y est une image tout à gauche, une au milieu et une à droite si c'est possible.

Merci pour les réponses. :)