Liste sur 1 colonne

Mise en Page/ Gadget HTML Javascript

1 Colonne sans puce en HTML

<ul style="list-style-type:none;">

  <li>TEXTE1 </li>

  <li>TEXTE2</li>

  <li>TEXTE3</li>

  <li>TEXTE5</li>

  <li>TEXTE6</li>

  <li>TEXTE7</li>

  <li>TEXTE8</li>

</ul>

 +++ 1 Colonne avec puce forme carré +++

<ul style="list-style-type:square;">

  <li>TEXTE1</li>

  <li>TEXTE2</li>

  <li>TEXTE3</li>

  <li>TEXTE4</li>

  <li>TEXTE5</li>

  <li>TEXTE6</li>

  <li>TEXTE7</li>

</ul>

++++ 1 Colonne avec puce de lien GIF ou PNG +++

<style>

ul{

  list-style-type: none;

}

li::before{

  display: inline-block;

  position: relative;

  width: 10px;

  height: 10px;

  top: 0.2rem;

  margin-right: 0.2rem;

  content: "";

  background-image: url(IMAGE URL);

  background-size: contain;

}

</style>

<ul>

  <li>TEXTE1</li>

  <li>TEXTE2</li>

  <li>TEXTE3</li>

 <li>TEXTE4</li>

 <li>TEXTE5</li>

</ul>

======NOTES================

Puce avec carré peut etre remplacer par n'importe quel suffit connaitre le nom en anglais comme Circle.

Si vous  voulez numeroté au lieu des puces vous remplacez  </ul>  par <ol>

===== Ajouts ========

Pour faire l'ajout vous devez mettre ce code ci  <li>TEXTE</li> juste avant </ul>

======================

Ce qui est cool est sur chaque module est vous pouvez changer les puces pour qu'ils soient different .