Deux problème CSS : alignement <li> et colonnes css²

Bonjour,

Je travaille sur une nouvelle version de mon site que je passe sous SPIP 1.8.2 avec des squelettes XHTML/CSS.

J'ai deux problèmes que je n'arrive pas à résoudre :

1- Dans les listes à puces <ul></ul> j'ai remplacé les puces par des icones css. Malheuresement je n'arrive pas à faire en sorte que le texte soit centrer en hauteur par rapport à l'icone.

2- J'ai un probléme avec mes collonnes CSS qui "bébordent" (par exemple sur : http://lutin06.free.fr/spip/article.php3?id_article=17)

Si vous pouviez m'aider à trouver une solution, je vous en serait trés reconnaissant.

Merci d'avance.

PS : URL actuelle : www.lelutin.com, URL de la maquette : http://lutin06.free.fr/spip

Bonjour,

Je vois ceci dans ton code :

background:white url(../IMG/lelutin/icones/courrier.png) top left no-repeat;

As-tu essayé à la place de top et left d'entrer des valeurs en pixels. En partant du principe que 0 0 correspond (qu'on me foudroie si je me trompe ) à top et left. Valeurs négatives autorisées.

Ceci à condition que le conteneur parent de ton image (li) soit suffisamment haut. #li height:50px ou voire mieux #li line-heigth:18px (par exemple).

Bon courage
Modifié par zzzazzz (26 Aug 2005 - 09:51)

Regarde dans le sujet que j'ai posté là http://forum.alsacreations.com/topic.php?fid=4&tid=6581

je pense que la solution est de mettre le <a> en bloc et de lui mettre la même hauteur que ton image ou un peu moins avec un padding-top qui te centrera le texte

Bonjour,

Merci de votre aide à tout les deux.
J'ai fait quelques modifs... Ca marchote... c'est pas exactement ce que je veut et c'est pas trés propre. Mais pour le moment cela ira bien.

Par contre j'ai toujours mon problème de colonne qui "déborde" et ça c'est beaucoup plus ennuyeux.

regarde là si tu y trouve la solution : http://openweb.eu.org/articles/initiation_float/

car c'est sans doute un div conteneur qui ne s'étend pas avec son contenu

BuLmA a écrit :
regarde là si tu y trouve la solution : http://openweb.eu.org/articles/initiation_float/

car c'est sans doute un div conteneur qui ne s'étend pas avec son contenu

Effectivement c'est trés certainement un problème de conteneur qui ne s'étend pas mais j'arrive pas à résoudre le probléme. J'ai déjà consulté moult tutorial et documentation à ce propos. Là je séche, c'est pourquoi je fait appel à vos lumiéres.