interligne indésirable avant liste à puces

pelerin98 · Message par **pelerin98** » 09 sept. 2010, 13:26

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) ?

Message par **Ymai** » 10 sept. 2010, 19:04

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.

Code : Tout sélectionner

<style type="text/css">
ul {margin: 0}
</style>

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é.

pelerin98 · Message par **pelerin98** » 12 sept. 2010, 11:05

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 ?

Message par **Ymai** » 12 sept. 2010, 12:22

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

Code : Tout sélectionner

<style type="text/css">
ul {margin-top: 0}
</style>

ou même

Code : Tout sélectionner

<style type="text/css">
ul {margin: 0 10 15 20}
</style>

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.

pelerin98 · Message par **pelerin98** » 12 sept. 2010, 12:46

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 ?

Message par **Ymai** » 12 sept. 2010, 16:45

http://josar.free.fr/tutoKompozer/
C'est moins complet mais c'est surtout une introduction abordable.

Message par **chinon37** » 12 sept. 2010, 21:20

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.

Message par **Ymai** » 13 sept. 2010, 06:45

chinon37 a écrit : ce tutoriel: http://info.sio2.be/kpz/2b/

Ça, c'est pour les mioches, c'est sûr... ;o)

Geckozone

interligne indésirable avant liste à puces

interligne indésirable avant liste à puces

Re: interligne indésirable avant liste à puces

Re: interligne indésirable avant liste à puces

Re: interligne indésirable avant liste à puces

Re: interligne indésirable avant liste à puces

Re: interligne indésirable avant liste à puces

Re: interligne indésirable avant liste à puces

Re: interligne indésirable avant liste à puces

Qui est en ligne ?