| |
|
Voir le sujet précédent :: Voir le sujet suivant
|
| Auteur |
Message |
| |
|
Brigitte2000
WRInaute discret
Inscrit le: 05 Mar 2006
Messages: 52
|
 Posté le : Sam Juin 07, 2008 10:30 Sujet du message: Mettre une puce au début des paragraphes |
|
|
Bonjour,
Je veux mettre une puce au début de mes paragraphes. J'utilise donc <ul></ul> et <li></li>, mais mes paragraphes ont une indentation (=décaler vers la droite). Pour éviter l'indentation, j'utilise <li></li> sans <ul></ul> : mais dans ce cas W3C indique une erreur.
Que doit-on faire ? |
|
| |
|
 |
SuperCureuil
WRInaute impliqué
Inscrit le: 09 Mar 2007
Messages: 496
Localisation: Bxl, Belgique
|
| Posté le : Sam Juin 07, 2008 10:56 Sujet du message: Mettre une puce au début des paragraphes |
|
|
Hello,
Si tu fais ça pour de nombreux paragraphes, ce n'est à mon avis pas une très bonne idée parce que tu dénatures la sémantique des balises.
M'enfin, si c'est une fois de temps en temps ... en gardant ton procédé il suffit de supprimer les marges ou espaces, je ne sais plus trop bien :
| Code: |
ul
{
margin:0;
padding:0;
} |
Sinon tu peut toujours utiliser une image de fond pour la puce de tes paragraphes et jouer sur l'indentation ...
Bon week-end |
|
| |
|
|
olivier3249
WRInaute passionné
Inscrit le: 22 Oct 2007
Messages: 811
Localisation: Pas loin....
|
| Posté le : Sam Juin 07, 2008 11:45 Sujet du message: Mettre une puce au début des paragraphes |
|
|
| SuperCureuil a écrit: |
jouer sur l'indentation ...
|
Oui je pense aussi que l'indentation serait intéressant pour ton cas
| Code: |
p {text-indent: 30px;
} |
|
|
| |
|
|
Hiseo
WRInaute occasionnel
Inscrit le: 09 Oct 2007
Messages: 113
|
| Posté le : Sam Juin 07, 2008 11:58 Sujet du message: Mettre une puce au début des paragraphes |
|
|
Pourquoi des listes si ce sont paragraphes ?
Les paragraphes et les listes ont des valeurs structurelles : comme elles participent à la structure d'un texte et à son organisation il faut utliser les bonnes balises.
Alors si c'est un paragraphe :
| Code: |
p.pupuce {background:transparent url(pupuce.ext) no-repeat 0 0%;text-indent:Xem} |
à ajuster à ton besoin.  |
|
| |
|
|
| |
|
|
|
|
Autres sujets de discussion :
|
|
.gif)
