Menu css (question bête)

Résolu/Fermé
iReVElB Messages postés 70 Date d'inscription mercredi 24 octobre 2018 Statut Membre Dernière intervention 3 août 2023 - 18 janv. 2021 à 18:52
iReVElB Messages postés 70 Date d'inscription mercredi 24 octobre 2018 Statut Membre Dernière intervention 3 août 2023 - 22 janv. 2021 à 20:05
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.
A voir également:

2 réponses

jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 4 650
18 janv. 2021 à 19:11
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
0
iReVElB Messages postés 70 Date d'inscription mercredi 24 octobre 2018 Statut Membre Dernière intervention 3 août 2023 9
22 janv. 2021 à 20:05
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. :)
0