CSS : Puces et listes en ligne

CSS : Puces et listes en ligne - HTML/CSS - Programmation

Marsh Posté le 05-10-2003 à 23:07:03    

Voila, je suis confronté à un léger problème actuellement.
 
Je dispose donc d'une liste ( <ul> ) et j'applique la propriété display: inline; aux éléments <li>.
 
Le problème étant que je voudrais des puces carrées devant chaque élément.
 
J'ai bien pensé à :before et :after qui fonctionnent très bien sous Gecko, mais... Pas sous IE :pfff:  
 
Alors est-ce que quelqu'un aurait une idée géniale à part <img> ou le rajouter dans le texte ?
 
Merci d'avance si vous pouvez m'aider :sweat:

Reply

Marsh Posté le 05-10-2003 à 23:07:03   

Reply

Marsh Posté le 05-10-2003 à 23:18:55    

et avec un float left ?
dans ce genre : http://www.alsacreations.com/articles/menu/
 
Il vaut mieux positionner en float (et rester en bloc) qu'en inline car si tu rends tes puces en-ligne, elles ne peuvent plus contenir d'éléments de type bloc


Message édité par sibelius le 05-10-2003 à 23:20:49

---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 06-10-2003 à 00:06:47    

Hmm, il faudra que j'essaye avec le float, et list-style: inside; aussi, je n'y avais pas pensé...
 
Je vais voir ce que ça vaut, merci !

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed