28173 sujets

CSS et mise en forme, CSS3

Pbm sur ma page (en préparation) : http://carnot69.free.fr/asie2006/moscou.html)[/url]
Les vignettes thumbnails ne s'affichent pas avec Firefox alors qu'avec IE le rendu est correct (c'est un comble), malgré plusieurs essais de modifications du CSS.
Il doit y avoir une erreur dans mon code : si l'un de vous a la bonne idée qui va bien, ce serait super !
Le code est inspiré/copié de : http://www.cssplay.co.uk/menu/gallery_click.html[/url]
Modifié par bmr (29 Jul 2006 - 16:09)
Hello,

attention, ta premiere URL est mal inserré avec les boutons [code]

Et la deuxieme renvoie une page d'erreur de chez CSSplay si on efface pas ce qu'il y a en trop...
Modifié par Hum (29 Jul 2006 - 14:58)
Bonjour Bmr,

Il semble que ce soit les paranthèses dans le nom de l'image qui posent problème.
Ajoute des guillements ou enlève ces paranthèses
background-image:url("http://perso.orange.fr/bruno.menetrier/web%20irlande/thumb/t_A03%20Clonmacnois%20(8).gif");
Bonjour,

les url de tes vignettes en background CSS ne peuvent pas interprétées correctement en raison de la présence de parenthèses:

a.slide01 {background-image:url(http://perso.orange.fr/bruno.menetrier/web%20irlande/thumb/t_A03%20Clonmacnois%20(8).gif); }


L'ajout de guillemets url("...") peut régler le problème.

Cela dit, j'ai de gros doutes du point de l'accessibilité de cette galerie (sans avoir regardé plus avant). C'est à vérifier.

<edit>grillé Smiley biggol
Modifié par Laurent Denis (29 Jul 2006 - 15:17)
OK ! merci à tous les "quotes" règlent effectivement le pbm et c'est ok tant pour FF que pour IE.
Merci !!!
Bonjour (re)

Bien.

Ce qui est moins bien, en revanche, c'est que, comme beaucoup d'astuces issues de CSSplay, ce n'est ni accessible ni particulièrement robuste ("Experiments with Cascading Style Sheets" : la tagline du site n'est pas là par hasard).

L'effet reposant sur une interprétation particulière de :active dans certains navigateurs, une partie des utilisateurs (Safari, Opera) doivent "tenir" le :hover pour conserver les images affichées.

Les vignettes n'en sont pas et la galerie provoque une somme imporante de téléchargement inutiles (une image de 1 100 x 825 pixels utilisée pour faire une vignette de quelques dixaines de pixels Smiley rolleyes )

Les liens sont dénués de sens et détournés à des fins de présentation (< href="#nogo"> Smiley rolleyes )

etc.

Il est possible de trouver des scripts de galerie de meilleure qualité.
Modifié par Laurent Denis (29 Jul 2006 - 17:16)