Page 1 sur 1
interligne indésirable avant liste à puces
Publié : 09 sept. 2010, 13:26
par pelerin98
Bonjour,
je veux éditer un texte avec :
une ligne qui est l'intitulé de la liste que je vais décliner en dessous
puis n lignes (à puces) en dessous.
J'écris tout ça normalement avec Kompozer : par exemple :
ligne Intitulé de la liste
ligne 1
ligne 2 etc . . .
puis j'affiche le code source et je corrige de la façon suivante :
ligne intitulé de la liste (inchangée)
<ul>
<li>
ligne 1</li>
<li>
ligne 2</li>
<li>
ligne 3</li>
</ul>
mais ça me génère un interligne entre la ligne intitulé de ma liste et la première ligne à puce
Y a-t-il un moyen de supprimer cet interligne (sans utiliser CSS que je ne connais pas) ?
Re: interligne indésirable avant liste à puces
Publié : 10 sept. 2010, 19:04
par Ymai
Bonjour
pelerin98 a écrit :Y a-t-il un moyen de supprimer cet interligne (sans utiliser CSS que je ne connais pas) ?
Je ne pense pas. C'est espacement est intrinsèquement lié à la balise ul dans son style par défaut.
Mais franchement, même sans maîtriser les feuilles de style...
Voici le code à insérer dans l'entête de la page (entre <head> et </head> pour supprimer systématiquement tous les espacements.
Quelqu'un qui maîtrise suffisamment HTML pour préférer construire une liste non ordonnée dans le code source plutôt que par les moyens offerts par KompoZer ne devrait pas être vraiment effrayé.
Re: interligne indésirable avant liste à puces
Publié : 12 sept. 2010, 11:05
par pelerin98
Bonjour et merci Ymai,
Tout d'abord, pour justifier la question suivante, je ne maîtrise que très très peu HTML et ensuite je préférerai construire une liste non ordonnée par les moyens offerts par KompoZer, mais je ne connais pas non plus la procédure Kompozer pour une liste.
Bref, le code que tu me donnes :
<style type="text/css">
ul {margin: 0}
</style>
supprime à la fois la marge verticale (pas d'interligne) mais aussi la marge gauche. Comment agir sur l'une et pas sur l'autre ?
Re: interligne indésirable avant liste à puces
Publié : 12 sept. 2010, 12:22
par Ymai
Bonjour
pelerin98 a écrit :Tout d'abord, pour justifier la question suivante, je ne maîtrise que très très peu HTML et ensuite je préférerai construire une liste non ordonnée par les moyens offerts par KompoZer, mais je ne connais pas non plus la procédure Kompozer pour une liste.
KompoZer fonctionne comme le premier logiciel de traitement de textes venu. Dans la barre d'outils de mise en forme, il suffit de cliquer le bouton correspondant aux listes à puces
Bref, le code que tu me donnes :
<style type="text/css">
ul {margin: 0}
</style>
supprime à la fois la marge verticale (pas d'interligne) mais aussi la marge gauche. Comment agir sur l'une et pas sur l'autre ?
Alors, disons
ou même
pour avoir, respectivement, et dans le sens du mouvement des aiguilles d'une montre:
0 pixels de marge en haut
10 pixels à droite
et ainsi de suite
Mais tout cela peut se faire en Wysiwyg avec l'éditeur de styles de KpZ. Même a posteriori, après avoir introduit le code "à la main".
Je persiste à dire que quelqu'un que le code HTML n'effraie pas ne devrait pas craindre de jeter un coup d'œil aux fondements de CSS. Ceci est un vif encouragement.
Re: interligne indésirable avant liste à puces
Publié : 12 sept. 2010, 12:46
par pelerin98
Merci pour ta réponse "tutorielle"
je suis tout prêt à tenter l'apprentissage CSS j'ai d'ailleurs commencé avec
http://fr.html.net/tutorials/css/
Y a-t-il un autre site que tu pourrais me conseiller ?
Re: interligne indésirable avant liste à puces
Publié : 12 sept. 2010, 16:45
par Ymai
http://josar.free.fr/tutoKompozer/
C'est moins complet mais c'est surtout une introduction abordable.
Re: interligne indésirable avant liste à puces
Publié : 12 sept. 2010, 21:20
par chinon37
L'honorable intervenant ci-dessus, de par la grande modestie qui le caractérise, a oublié de citer ce tutoriel:
http://info.sio2.be/kpz/2b/index qui servit de base de travail pour le site qu'il cita.
Re: interligne indésirable avant liste à puces
Publié : 13 sept. 2010, 06:45
par Ymai
Ça, c'est pour les mioches, c'est sûr... ;o)