Pucee css ul ecarte le texte a rapport au texte
ivan
-
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
j'(ai une puce comme ca
et le css
comment on fait pour ecarter le texte a rapport de la puce
j'ai voulu mettre un padding lef ou marging left mais ca fait decaler le texte mais aissi la puce
comment mettre une puce fice et le texte environ a 25 ou 40 px
j'(ai une puce comme ca
<ul class="carre">
<li>montexte</li>
</ul>
et le css
.carre
{
list-style-type:disc;
margin:0px 0px 0px 0px; /* top right bottom left */
padding:0px 0px 0px 30px; /* top right bottom left */
color:#FF0000; /* couleur du texte */
}
comment on fait pour ecarter le texte a rapport de la puce
j'ai voulu mettre un padding lef ou marging left mais ca fait decaler le texte mais aissi la puce
comment mettre une puce fice et le texte environ a 25 ou 40 px
A voir également:
- Pucee css ul ecarte le texte a rapport au texte
- Texte de chanson gratuit pdf - Télécharger - Vie quotidienne
- Transcription audio en texte word gratuit - Guide
- Excel cellule couleur si condition texte - Guide
- Texte barré whatsapp - Guide
- Mettre un texte en majuscule - Guide
2 réponses
Salut,
Il faut appliquer le padding à la balise li :
Bonne journée
Il faut appliquer le padding à la balise li :
.carre li { padding-left: 40px; }
Bonne journée
Salut
il faut aussi ajouter une class pour li et positionner la puce en outside
le html
<ul class="carre">
<li class="ecarte">montexte</li>
</ul>
le css
.carre {
color:#FF0000; /* couleur du texte */
margin: 0 0 0 10px; /*a regler pour positionner la liste puce*/
padding:0;
}
.ecarte {
list-style-type:disc;
list-style-position:outside; /*position hors texte*/
padding:0px 0px 0px 45px; /* décalage texte et puce */
margin:0;
}
le mieux au lieu de repeter a chaque fois la class dans le html tu peux faire
<div class="carre">
<ul>
<li>montexte</li>
</ul>
</div>
.carre ul {
color:#FF0000; /* couleur du texte */
margin: 0 0 0 10px; /*a regler pour positionner la liste puce*/
padding:0;
}
.carre li{
list-style-type:disc;
list-style-position:outside; /*position hors texte*/
padding:0px 0px 0px 45px; /* décalage texte et puce */
margin:0;
}
il faut aussi ajouter une class pour li et positionner la puce en outside
le html
<ul class="carre">
<li class="ecarte">montexte</li>
</ul>
le css
.carre {
color:#FF0000; /* couleur du texte */
margin: 0 0 0 10px; /*a regler pour positionner la liste puce*/
padding:0;
}
.ecarte {
list-style-type:disc;
list-style-position:outside; /*position hors texte*/
padding:0px 0px 0px 45px; /* décalage texte et puce */
margin:0;
}
le mieux au lieu de repeter a chaque fois la class dans le html tu peux faire
<div class="carre">
<ul>
<li>montexte</li>
</ul>
</div>
.carre ul {
color:#FF0000; /* couleur du texte */
margin: 0 0 0 10px; /*a regler pour positionner la liste puce*/
padding:0;
}
.carre li{
list-style-type:disc;
list-style-position:outside; /*position hors texte*/
padding:0px 0px 0px 45px; /* décalage texte et puce */
margin:0;
}
