Page 1 sur 1

Listes : puces graphiques sous IE et centrage vertical

Publié : 06 mai 2008, 17:34
par Nicosmos
Hello :D
Je viens de faire une petite page pour synthétiser les infos d'une série de BD, et j'ai utilisé pas mal de listes. :wink:

La page est là : http://www.nicosmos.net/vrac/donjon (la feuille de style)

J'ai deux questions.

> Premièrement, les puces graphiques n'apparaissent pas sous IE dans les cadres de personnages. Ce qui est bizarre, c'est que par contre elles sont bel et bien présentes dans la légende, qui pourtant fait appel aux même propriétés dans la feuille de style. Quelqu'un sait pourquoi ou en tout cas connaîtrait une solution pour que ça fonctionne avec IE ? :P

> Deuxièmement, le texte des éléments de liste apparait aligné verticalement avec le bas des puces graphiques. Ce serait pourtant plus esthétique que ce soit centré verticalement, d'autant plus que mes puces sont grandes. Existe t'il une solution pour obtenir cet effet ? :)

Merci d'avance,
Nico :wink:

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.9b5) Gecko/2008032619 Firefox/3.0b5

Publié : 07 mai 2008, 08:24
par calimo
Pour le 1 je ne sais pas, mais pour le 2, est-ce que ça ne peut pas se résoudre plutôt en centrant le texte (avec un vertical-align) ?

Publié : 07 mai 2008, 08:57
par chinon37
je ne vois pas où est le problème: encore un truc que n'accepte pas IE

Mais d'après IE netrenderer, il y a aussi un problème sérieux de mise en page avec IE7.

Publié : 07 mai 2008, 10:17
par Asumbaa
Salut,

Je pense que tu ferais mieux d'utiliser tes images en background-image plutôt qu'en puce. Ainsi tu pourras aligner comme ça te chante et je pense que ça aidera aussi IE à bien afficher tout ça (dans ton cadre de droite, les li sont en absolute, ça joue sans doute bien que je ne sache pas exactement où)

Publié : 07 mai 2008, 21:40
par Nicosmos
Asumbaa, en effet, c'est beaucoup plus simple en image de fond, et ça fonctionne, c'est mis à jour. Je n'ai par contre pas utilisé les vertical-align car il semblerait que ça ne fonctionne qu'en table-cell (dommage d'ailleurs) et l'affichage en table-cell modifiait la mise en page (j'ai donc mis un padding).

En effet chinon37, le cadre des légendes ne s'affiche pas au bon endroit. Il est centré. Quelqu'un a une idée pour résoudre ça ?

Merci en tout cas,
Nico :wink:

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.9b5) Gecko/2008032619 Firefox/3.0b5