[Résolu] Centrage vertical...

Bonjour,

J'aimerais centrer verticalement une image dans un élément de type block. J'ai les dimmensions de ce dernier mais pas de l'image. Comment procéder?

Suite à une recherche, j'ai trouvé une astuce qui consistait à mettre l'image en fond. Est-ce une bonne solution? Et l'accessibilité là-dedans?

Que me conseillez-vous?

Merci.

a+
Modifié par agilis (03 Aug 2005 - 07:52)

agilis a écrit :
Bonjour,

J'aimerais centrer verticalement une image dans un élément de type block. J'ai les dimmensions de ce dernier mais pas de l'image. Comment procéder?

Sans les dimensions de l'image, tu n'as pas de solution CSS probante (c'est à dire qui fonctionnera au moins dans tous les principaux navigateurs).

agilis a écrit :

Suite à une recherche, j'ai trouvé une astuce qui consistait à mettre l'image en fond. Est-ce une bonne solution? Et l'accessibilité là-dedans?

L'accessibilité d'une image d'arrière-plan CSS est nulle, dans la mesure où elle ne peut pas avoir d'équivalent texte (à moins que tu ne le mettes dans ton texte HTML. De même, elle disparaît pour les moteurs de recherche, pour les utilisateurs de navigateurs textes, ou de navigateurs graphiques dans lesquels ta CSS ne sera pas appliquée (navigateurs type NS4).

Une image "de contenu", c'est une <img src="" alt="" width="" height="">. Si les dimensions des images sont variables, utilises PHP pour générer le code HTML qui en tienne compte.

Bonsoir.
Pour connaître les dimensions de ton image ( pour les formats jpeg, gif, png, bmp ou autres standarts web ) tu fais un "glisser/déposer" le fichier image sur la fenêtre de ton navigateur. Tu pourras lire ses cotes dans la barre supérieure du navigateur ( ou dans l'onglet si tu as déjà d'autres truc ouverts )

<edit> En tout cas sur tous navigateurs Macintosh ( je n'ai jamais essayé su PC ). dimension horizontale indiquée en premier.
Modifié par Aureance (03 Aug 2005 - 02:07)

@Aureance > C'est pour une galerie photo, donc je ne connais pas les images à l'avance.
Je pense que je vais générer par PHP les propriétés CSS de l'élément de type block. J'avais espérer une solution plus facile mais apparemment, il n'y as pas moyen.

Merci beaucoup.

a+