Journal Question de css

Posté par  .
Étiquettes : aucune
0
3
juin
2003
Je cherche à afficher un liste (avec les tags ul/li) de telle façon que le texte d'un item soit aligné sur la première lettre de la première ligne, et non pas sur la puce.

En clair, j'ai : (en ascii art ;-) )


* bla bla bla
bla bla bla


et je veux :


* bla bla bla
bla bla bla
  • # [HS] un bug de templeet ?

    Posté par  . Évalué à 1.

    Pourquoi templete rajoute des br quand on utilise pre, ça fait double emploi avec les retours conservés par le pre...
  • # Re: Question de css

    Posté par  (site web personnel) . Évalué à 2.

    Site à bookmarker d'urgence!

    http://www.openweb.eu.org/(...)
    • [^] # Re: Question de css

      Posté par  (site web personnel, Mastodon) . Évalué à 2.

      bien dit :-)

      et la réponse au journal est ici : http://www.w3.org/TR/CSS2/generate.html#propdef-list-style-position(...)

      c'est le style list-style-position.
      Maintenant, j'ai pas testé et je ne sais pas si ça fonctionne partout.
      • [^] # Re: Question de css

        Posté par  . Évalué à 2.

        Oui, c'est bien cette propriété

        ul{ list-style-position: outside; } devrait faire ton affaire, comme l'explique tres bien l'url ci dessus.
        • [^] # Re: Question de css

          Posté par  . Évalué à 1.

          Merci, j'avais déjà regardé, mais j'étais passé à coté...
          • [^] # Re: Question de css

            Posté par  . Évalué à 1.

            Mais en fait j'ai un autre soucis :

            J'utilise un li:hover pour mettre l'élément de la liste en surbrillance, et je veux que la puce soit aussi dans la surbrillance, donc j'utilise un "list-style-position: inside", ce qui va évidemment à l'encontre du outside suggéré.(1)

            Mais bon, j'arriverai à survivre sans ça...


            (1) je suis parti de l'exemple de menu dynamique de openweb.eu.org
  • # Re: Question de css

    Posté par  . Évalué à 1.

    c pas templeet
    c'est la balise pre qui fait ca
    sinon tu peux faire un
    ul {
    list-style: un truc;
    }

    ul.no {
    list-style: none;
    }

    et apres
    tu fais
    >ul<blablabla1
    >ul class="no"<blablabla2
    • [^] # Re: Question de css

      Posté par  (site web personnel) . Évalué à 1.

      c'est le pre qui rajoute tout plin de br mystiques ? ou qui ne cree pas les paragraphes quand ya besoin ?

      accesssoirement, je pencherais plutot pour le list-style-position: pas sur que ce que tu donnes toi soit vraiment ce quil veut... (surtout que je vois pas trop l'interet de ton truc... utiliser des listes et planquer comme ca apres c bof)

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.