FancyBox et CSS Reset

Depuis quelques mois, on voit fleurir une multitude de clones de Lightbox. Personnellement, mon choix s’est porté sur FancyBox qui fonctionne bien et possède un code nettement plus propre que la moyenne.

J’ai cependant rencontré un souci en l’utilisant en conjonction avec le CSS Reset d’Eric Meyer : les légendes étaient trop hautes.

Le problème vient de l’alignement vertical appliqué sur la balise « td » par le CSS Reset. Pour annuler son effet, il suffit d’ajouter les lignes suivantes dans le fichier fancy.css :

#fancy_title td { 	vertical-align: middle; }
Ce contenu a été publié dans Développement Web. Vous pouvez le mettre en favoris avec ce permalien.

2 réponses à FancyBox et CSS Reset

  1. Renaud dit :

    Dans la catégorie "lightbox-like" tu as : mjijackson.com/shadowbox/ qui est extrêmement complet et bien fichu.
    Il peut s’utiliser en standalone ou avec grand nombre de framework JS (dont jQuery) par le biais d’adapter.

  2. Ah tiens, j’avais réussi à corriger le problème avec le vertical-align mais je n’avais pas réalisé qu’il s’agissait d’un conflit avec le reset.css d’Eric Meyer (que j’utilise aussi), merci !

Les commentaires sont fermés.