Listes : puces graphiques sous IE et centrage vertical

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
Nicosmos
Iguane
Messages : 633
Inscription : 20 août 2005, 14:17

Listes : puces graphiques sous IE et centrage vertical

Message 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
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message 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) ?
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Message 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.
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
Asumbaa
Tyrannosaurus Rex
Messages : 2411
Inscription : 08 déc. 2004, 20:07

Message 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ù)
Nicosmos
Iguane
Messages : 633
Inscription : 20 août 2005, 14:17

Message 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
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 4 invités