{résolu} Petit problème de liste

Développement, conception de sites web, PHP, (X)HTML, ASP, Ajax, CSS, Javascript, Flash, MySQL, et autres ont leurs entrées dans cette section. On peut aussi parler d'hébergement, de maintenance, de sécurité...

Modérateur: Modérateurs

{résolu} Petit problème de liste

Messagepar Renard » 09 Juil 2011 15:42

Bonjour, je cherche à aligner mes puces verticalement avec la première lettre de mon titre.
Voici le code source de ma liste:

<h1>les animaux</h1>
<ul>
<li>le chien</li>
<li>le lapin</li>
<li>l'oiseau</li>
<li>le renard</li>
</ul>


Ce code donne une liste un peu comme celle-ci:

Animaux
    *le chien
    *le lapin
    *l'oiseau
    *le renard

Je voudrais quelque chose comme cela:

Animaux
*le chien
*le lapin
*l'oiseau
*le renard

Que puis-je mettre dans mon CSS pour régler ça ? Comment supprimer le retrait ?
Merci d'avance !
Dernière édition par Renard le 10 Juil 2011 12:07, édité 1 fois.
Bien amicalement,
Renard
Avatar de l’utilisateur
Renard
Super Libellulien
Super Libellulien
 
Messages: 2507
Inscription: 18 Juin 2005 15:31
Localisation: Lausanne

Re: Petit problème de liste

Messagepar Falkra » 09 Juil 2011 16:10

Copie-colle une fausse puce, ce caractère : •
Ca ira plus vite. :lol:
Avatar de l’utilisateur
Falkra
Admin libellules.ch
Admin libellules.ch
 
Messages: 25882
Inscription: 30 Jan 2005 13:44
Localisation: 127.0.0.1

Re: Petit problème de liste

Messagepar Renard » 09 Juil 2011 16:33

Merci, l'idée me paraît bonne, mais je n'y arrive pas. Lorsque je mets la fausse puce à mon code, cela me donne un point (.) à l'affichage.
A quel endroit suggères-tu de mettre cette fausse puce ?
J'ai cherché un caractère spécial, mais il n'y en a pas comme celui-là !
Bien amicalement,
Renard
Avatar de l’utilisateur
Renard
Super Libellulien
Super Libellulien
 
Messages: 2507
Inscription: 18 Juin 2005 15:31
Localisation: Lausanne

Re: Petit problème de liste

Messagepar Falkra » 09 Juil 2011 16:50

Bah il y a celui que j'ai mis, il faut le copier coller au bon endroit et ça passe.
Avatar de l’utilisateur
Falkra
Admin libellules.ch
Admin libellules.ch
 
Messages: 25882
Inscription: 30 Jan 2005 13:44
Localisation: 127.0.0.1

Re: Petit problème de liste

Messagepar Renard » 09 Juil 2011 16:55

Falkra a écrit:Bah il y a celui que j'ai mis, il faut le copier coller au bon endroit et ça passe.


Oui, mais à quel endroit justement ?

Ce n'est pas un problème de traitement de texte, mais du html !
Bien amicalement,
Renard
Avatar de l’utilisateur
Renard
Super Libellulien
Super Libellulien
 
Messages: 2507
Inscription: 18 Juin 2005 15:31
Localisation: Lausanne

Re: Petit problème de liste

Messagepar Falkra » 09 Juil 2011 18:18

Dans le code ou dans ta fenêtre WYSIWYG si tu as un éditeur qui te prévisualise directement à l'écran en permettant d'éditer.
Avatar de l’utilisateur
Falkra
Admin libellules.ch
Admin libellules.ch
 
Messages: 25882
Inscription: 30 Jan 2005 13:44
Localisation: 127.0.0.1

Re: Petit problème de liste

Messagepar arnob » 09 Juil 2011 18:39

bonsoir,

peut-être avec ça :

ul { margin:0; padding:0; list-style-position:inside; }
li { margin:0; padding:0; }
Avatar de l’utilisateur
arnob
Maître Libellulien
Maître Libellulien
 
Messages: 902
Inscription: 03 Fév 2005 10:08
Localisation: france et chine

Re: Petit problème de liste

Messagepar arnob » 09 Juil 2011 18:55

oui, ça fonctionne bien, tu peux te servir de cet outil en ligne http://www.w3schools.com/CSS/tryit.asp? ... list-style
Avatar de l’utilisateur
arnob
Maître Libellulien
Maître Libellulien
 
Messages: 902
Inscription: 03 Fév 2005 10:08
Localisation: france et chine

Re: Petit problème de liste

Messagepar Renard » 10 Juil 2011 11:20

arnob a écrit:bonsoir,

peut-être avec ça :

ul { margin:0; padding:0; list-style-position:inside; }
li { margin:0; padding:0; }



En effet, ton code fonctionne, arnob
Merci beaucoup !
Reste à l'incorporer à ma feuille de style, ce qui n'est pas fastoche !
Bien amicalement,
Renard
Avatar de l’utilisateur
Renard
Super Libellulien
Super Libellulien
 
Messages: 2507
Inscription: 18 Juin 2005 15:31
Localisation: Lausanne

Re: Petit problème de liste

Messagepar Renard » 10 Juil 2011 11:52

Et voilà le travail
Merci beaucoup !
http://www.patricecharles.ch/recettes.htm
Bien amicalement,
Renard
Avatar de l’utilisateur
Renard
Super Libellulien
Super Libellulien
 
Messages: 2507
Inscription: 18 Juin 2005 15:31
Localisation: Lausanne

Re: {résolu} Petit problème de liste

Messagepar arnob » 10 Juil 2011 13:06

L'emincé de dinde au curry, je vais essayer ça cette semaine qui vient :)
Avatar de l’utilisateur
arnob
Maître Libellulien
Maître Libellulien
 
Messages: 902
Inscription: 03 Fév 2005 10:08
Localisation: france et chine

Re: {résolu} Petit problème de liste

Messagepar Renard » 10 Juil 2011 13:39

Bonne chance !
Bien amicalement,
Renard
Avatar de l’utilisateur
Renard
Super Libellulien
Super Libellulien
 
Messages: 2507
Inscription: 18 Juin 2005 15:31
Localisation: Lausanne


Retourner vers Développement, conception de sites web

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités