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 .