[HTML] Modifier la taille d'une puce

Résolu/Fermé
pissdrunk Messages postés 65 Date d'inscription mardi 8 janvier 2008 Statut Membre Dernière intervention 12 août 2009 - 25 févr. 2009 à 08:43
 smiler - 4 nov. 2011 à 16:16
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
A voir également:

3 réponses

avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 497
25 févr. 2009 à 09:58
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
pissdrunk Messages postés 65 Date d'inscription mardi 8 janvier 2008 Statut Membre Dernière intervention 12 août 2009 22
4 mars 2009 à 16:59
Merci !
0
Merci également .
0