| |
|
Voir le sujet précédent :: Voir le sujet suivant
|
| Auteur |
Message |
| |
|
tgst04
Nouveau WRInaute
Inscrit le: 26 Mar 2004
Messages: 2
|
 Posté le : Ven Mar 26, 2004 17:48 Sujet du message: [CSS] Améliorer le style des listes à puces |
|
|
Bonjour,
J'ai remarqué qu'il y a souvent un interligne trop grand qui précède mes listes à puces.
Il m'arrive d'écrire du code de ce type :
| Code: |
<p>Voici un exemple :</p>
<ul>
<li>ligne1</li>
<li>ligne2</li>
<li>...</li>
<li>ligneN</li>
</ul>
|
Je ne sais pas si c'est bien comme ça qu'il est prévu d'utiliser les 3 balises p, ul et li.
J'imagine qu'il est possible de personnaliser l'affichage en utilisant les CSS mais je ne m'y connais pas assez.
Si quelqu'un a une idée... je suis preneur ! |
|
| |
|
 |
George Abitbol
WRInaute accro
Inscrit le: 06 Juin 2003
Messages: 1922
|
| Posté le : Ven Mar 26, 2004 18:26 Sujet du message: [CSS] Améliorer le style des listes à puces |
|
|
Joue sur le margin et le padding.
Fred |
|
| |
|
|
Monique
WRInaute accro
Inscrit le: 16 Sep 2002
Messages: 1544
Localisation: Belgique (à côté de Mons)
|
| Posté le : Ven Mar 26, 2004 18:31 Sujet du message: [CSS] Améliorer le style des listes à puces |
|
|
Bonjour,
Tu peux modifier l'espace entre un paragraphe et la liste avec une feuille de style.
Dans l'en-tête (entre les balises <head></head>)
| Code: |
<style type="text/css">
.interligne {
margin-bottom: -15px;
}
</style> |
et dans le code de ta page
| Code: |
<p class="interligne">Le texte</p>
<ul>
<li>un</li>
<li>deux</li>
</ul> |
A toi de donner la valeur qui te convient à margin-bottom (la marge du bas)
Amicalement,
Monique |
|
| |
|
|
Americas
WRInaute accro
Inscrit le: 24 Sep 2003
Messages: 3377
Localisation: Argentine
|
| Posté le : Ven Mar 26, 2004 19:29 Sujet du message: [CSS] Améliorer le style des listes à puces |
|
|
Génial Monique ! 
Je dois mettre du CSS partout sur mon site... je t'embauche  |
|
| |
|
|
yannouk
WRInaute accro
Inscrit le: 11 Oct 2003
Messages: 2124
Localisation: Verdon, 83
|
| Posté le : Ven Mar 26, 2004 21:07 Sujet du message: [CSS] Améliorer le style des listes à puces |
|
|
vu que les padding, margin et compagnie sont interpretes de maniere tres differentes suivant le navigateur, je me suis resolu a une solution simple mais ô combien efficace:
utiliser le selecteur universel pour mettre tous les padding et magin de toutes les balises de toutes les pages, a 0
* {
padding:0;
margin:0;
}
ensuite, tu n'as plus qu'à mettre du padding / margin la ou ca t'interresse, et uniquement la!!! |
|
| |
|
|
| |
|
|
|
|
Autres sujets de discussion :
|
|
