Bonjour, j'aimerais savoir si j'ai bien ciblé correctement mes deux éléments HTML ( ul et li )  dans le CSS :

ul.slide li.slide{

	list-style: none ;
	position: relative;
	width: 20%; 
	height:100%;
	border-right: 1px solid #000;
	float: left;
	box-sizing: border-box;
	transition: 0.5s;
	text-align: center;
}

ul.slide li.slide:hover 
{

width:60%;



} 

Car j'ai l'impression que mon code CSS n'a pas effet sur les li   :

 <ul class="slide"> 
    <li class="slide"> </li>
	<li class="slide"> </li>
	<li class="slide"> </li>
 </ul>

Merci d'avance.

-
Edité par FarCry 20 septembre 2018 à 18:55:06

Bonjour,

Peut-être que rajouter un peu de texte dans chacun de tes li aiderait...

Bonsoir, 

Tu veux faire quoi exactement ? 

Comme cela non ? https://jsfiddle.net/mp7ujs9o/2/ 

-
Edité par pipelette13 20 septembre 2018 à 23:29:51

Bonjour,

Pour ma part quand je passe sur les colonnes, elles s'agrandissent.