Forum Programmation.web Truffade avec les listes

Posté par  (site web personnel) .
Étiquettes :
0
13
mai
2005
Salut forum,
Sur une page, j'utilise une liste, mais avec un coup de CSS pour remplacer les puces par une image. Problème : elle est plus haut que le texte, j'ai essayé de caler des vertical-align:middle partout, de mettre la puce à l'intérieur, rien n'y fait. Je teste avec firefox 1.0.3
Merci d'avance

  • # taille de l'image

    Posté par  . Évalué à 2.

    le + simple ne serait pas de changer la taille de l'image ?
    rajouter du vide au dessus ?
    en fait en liste , il faudrait qu'elle fasse la hauteur de ta ligne (line-height) je pense

  • # background

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

    Le plus sur (en tout ce qui marche partout) dans ces cas là, c'est de mettre list-style-type: none; dans ton CSS et de mettre un background-image sur chaque li vu que le background tu peux le positionner comme tu veux et qu'ensuite il suffit de mettre un padding-left pour que le texte ne chevauche pas le background.

    Exemples et explication sur Openweb : http://openweb.eu.org/articles/puces_images/(...)

    https://damien.pobel.fr

    • [^] # Re: background

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

      Merci beaucoup, je n'avais pas pensé à openweb qui je connais pourtant. Je préfère ça que bourrer les images avec du vide, c'est plus modulable.

Suivre le flux des commentaires

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