Partage
  • Partager sur Facebook
  • Partager sur Twitter

Des beaux listes (html et css)

class colone

    10 juillet 2017 à 3:17:08

    salut tous le monde,

    alors je veux creer des listes (ou bien class col) qui ressemblent aux celles de openclassroom dans la section Nos cours par exemple genre une fenetre glissante mais le probleme c'est que j'ai peu d'idee à propos d'un design pareil avec CSS donc j'arrive pas avancer svp j'ai besoin d'aide si quelqu'un a une idee et merci

    • Partager sur Facebook
    • Partager sur Twitter
      11 juillet 2017 à 20:07:56

      Bonjour,

      Voici le code pour faire comme sur la page Nos cours de Openclassrooms, à adapter en fonction de tes besoins bien sûr.

      	<ul>
      		<li><a href="#"><img src="img1.svg"><p>Image 1</p></li>
      		<li><a href="#"><img src="img2.svg"><p>Image 2</p></li>
      		<li><a href="#"><img src="img1.svg"><p>Image 1</p></li>
      		<li><a href="#"><img src="img2.svg"><p>Image 2</p></li>
      		<li><a href="#"><img src="img1.svg"><p>Image 1</p></li>
      		<li><a href="#"><img src="img2.svg"><p>Image 2</p></li>
      		<li><a href="#"><img src="img1.svg"><p>Image 1</p></li>
      		<li><a href="#"><img src="img2.svg"><p>Image 2</p></li>
      	</ul>
       

      img{
      	width: 50px;
      	height: 50px;
      }
      
      ul{
      	display: flex;
      	justify-content: space-around;
      }
       




      -
      Edité par eclairia 11 juillet 2017 à 20:09:57

      • Partager sur Facebook
      • Partager sur Twitter
      "Ils ne savaient pas que c'était impossible, alors ils l'ont fait" Mark Twain
        18 juillet 2017 à 2:00:00

        salut tout le monde ;

        merci bouceaup pour votre reponse, dsl mais je veux un menu pareil

        https://openclassrooms.com/courses?q=&idx=prod_v2_COURSES_fr&p=0&fR[certificate][0]=true&fR[isWeb][0]=true&hFR[category.name][0]=Gestion%20de%20projet 

        genre une fenetre glissante et merci 

        • Partager sur Facebook
        • Partager sur Twitter
          18 juillet 2017 à 11:33:39

          Bonjour, dans le principe pour le fenêtre glissante : https://codepen.io/Kerwan/pen/qjGxmw

          -
          Edité par Martin PAUCOT 18 juillet 2017 à 11:34:01

          • Partager sur Facebook
          • Partager sur Twitter
          Si debugger, c’est supprimer des bugs, alors programmer ne peut être que les ajouter | Développeur Web et Mobile chez Beemoov
            21 juillet 2017 à 0:03:55

            merci beaucoup Martin PAUCOT :)

            • Partager sur Facebook
            • Partager sur Twitter

            Des beaux listes (html et css)

            × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
            × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
            • Editeur
            • Markdown