28173 sujets

CSS et mise en forme, CSS3

Bonjour,
Je suis en train de créer une galerie photo pour un ami. Pour ce faire je me suis appuyé sur les tutos du site et tout fonctionne très bien. J'ai simplement un petit soucis, c'est que la feuille de style semble être l'élément chargé en dernier (après les images). Du coup, si un utilisateur clique sur une vignette avant la fin du chargement de la CSS, la grande image correspondante s'affiche sur un fond blanc et non dans l'interface graphique prévue à cete effet.
Ma question est donc : existe-t-il un moyen d'obliger le navigateur à charger d'abord la css, puis les images ? (A moins que mon problème ne viennent pas de ça, mais dans ce cas, je ne vois pas trop puisqu'en local je n'ai aucun problème).

L'adresse de la page : http://pessertelsky.free.fr/gal-peo/index.html

Merci à tous
Bonjour,

CSS n'a aucun impact dans le comportement des liens. Ne serait-ce pas plutôt un problème de Javascript?

Il me semble que les pages qui posent problème utilisent un script Javascript pour gérer le chargement des images. Par contre, ce script doit être lancé lors de l'évènement window.onload, qui n'intervient qu'après le chargement complet de la page.

Je ne sais pas si ce comportement peut être modifié ou amélioré. Par contre, ce que tu peux faire pour améliorer les choses c'est faire en sorte que la page se charge plus vite. Par exemple en optimisant tes images: chacune des vignettes fait 40 ou 45 Ko, c'est environ huit à dix fois trop.
Salut,
Merci pour la piste et comme tu dis, je pense que le mieux est d'optimiser les images, ce que je n'avais pas encore fait.
Bonne journée