[HTML] Modifier la taille d'une puce [Résolu/Fermé]

Signaler
Messages postés
65
Date d'inscription
mardi 8 janvier 2008
Statut
Membre
Dernière intervention
12 août 2009
-
 smiler -
Bonjour,

Sur une page html que je suis en train de créer, je souhaiterais modifier la taille d'une puce dans une balise <li> sans que ceci modifie la taille de la police qui suit la puce.

Voici la ligne concernée:

<li type="square">Pour vous connecter :</li>


D'avance merci pour votre retour !

Cdt

3 réponses

Messages postés
18567
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
16 juillet 2021
4 305
Bonjour.

Je vous conseil d'utiliser la les feuilles de style en cascade (Cascading Style Sheets, CSS).

Voici un code CSS (que vous pouvez mettre dans l'attribut "style") :
li.grosse-puce li {
 font-size:20px;
}
li.grosse-puce li span {
 font-size:12px;
}

Et le code HTML :
<ul class="grosse-puce">
  <li>Elément 1</li>
  <li>Elément 2</li>
  <li>...</li>
</ul>


Ou bien pour rester sans CSS (enfin si mais intégrer dans les balises) :
<ul>
  <li style="font-size:20px;"><span style="font-size:14px;">Elément 1</span></li>
  <li style="font-size:20px;"><span style="font-size:14px;">Elément 2</span></li>
  <li style="font-size:20px;"><span style="font-size:14px;">...</span></li>
</ul>
6
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 65492 internautes nous ont dit merci ce mois-ci

Messages postés
65
Date d'inscription
mardi 8 janvier 2008
Statut
Membre
Dernière intervention
12 août 2009
22
Merci !
Merci également .