Menu css (question bête)

Résolu
Utilisateur anonyme -  
 Utilisateur anonyme -
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

  1. jordane45 Messages postés 30426 Date d'inscription   Statut Modérateur Dernière intervention   4 830
     
    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
  2. Utilisateur anonyme
     
    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