28112 sujets

CSS et mise en forme, CSS3


				<ul id="navigation">
					<
					<li class="borduregauche"> <a href="#"> Entreprises et services </a> <p class="triangle"> <i class="fas fa-caret-down"> </i> </p> </li>
				
					
					<li> <a href="#">Design </a><p class="triangle"> <i class="fas fa-caret-down"> </i> </p> </li>
					
					
					<li> <a href="#"> Boutiques en ligne </a><p class="triangle"> <i class="fas fa-caret-down"> </i> </p> </li>
					
								
					<li class="borduredroite"> <a href="#">Portfolio</a><p class="triangle"> <i class="fas fa-caret-down"> </i> </p> </li>
					
					

				</ul>


.triangle
{
	display: inline-flex;
	justify-content: center;
}



Bonjour à tous
Je souhaiterai positionner mon triangle FONTAWESOME sous chaque <li> et qu'il soit centré ...
Je ne parviens pas du tout à faire ça surtout que je souhaiterai qu'il apparaisse au :hover seulement . Mon soucis se situe surtout au niveau du fait que je n'arrive pas du tout à positionner mon triangle au milieu de chaque <li>
Pouvez vous m'aidez ?
Salut,

je peux pas t'aider sur tout, je vais chercher le reste, mais aligner les triangles, voici la marche à suivre Smiley cligne

<ul id="navigation">
	<li class="borduregauche"> <a href="#" class="d-inline-block"> Entreprises et services </a> <span class="triangle"><i class="fas fa-caret-down"></i></span> </li>
	<li> <a href="#" class="d-inline-block align-middle">Design </a> <span class="triangle"><i class="fas fa-caret-down"></i></span> </li>			
	<li> <a href="#" class="d-inline-block align-middle"> Boutiques en ligne </a> <span class="triangle"><i class="fas fa-caret-down"></i></span> </li>							
	<li class="borduredroite"> <a href="#" class="d-inline-block align-middle">Portfolio</a> <span class="triangle"><i class="fas fa-caret-down"></i></span></li>		
</ul>


Et le CSS Smiley cligne

.d-inline-block {
	display: inline-block !important;
}
.align-middle {
	vertical-align: middle !important;
}


Voila, pour faire apparaître les triangles sur le HOVER je te tiens au jus, ou peut être même surement une âme charitable passera par là Smiley cligne

Au plaisir Smiley cligne