Dur Comme Faire

Aller au contenu | Aller au menu | Aller à la recherche

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;
}

jeudi 24 juillet 2008 à 19h17 - Développement Web Fil de syndication

Rétroliens

Aucun rétrolien pour le moment.

Les rétroliens pour ce billet sont fermés.

Commentaires

Gravatar de Renaud

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.

Renaud le vendredi 25 juillet 2008 à 01h46 Icone du permalien

Gravatar de Rémi Prévost

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 !

Rémi Prévost le vendredi 15 août 2008 à 18h55 Icone du permalien

Ajouter un commentaire

Les commentaires pour ce billet sont fermés.

XHTML - CSS - DotClear - Technorati

Les billets de ce blog sont sous licence Creative Commons