Problème de liens et de prise en compte du fichier CSS.

Bonjour,

je ne suis pas expert en conception web et j'ai quelques soucis avec mon site internet.
Je suis en train de le reprendre en HTML5 associé à du CSS3.

Mon problème concerne l'affichage d'une page de mon site après avoir cliqué sur son lien dans la page précédente.

La page de départ contient des vignettes de galeries photo, et biensûr, en cliquant sur une vignette, on arrive sur la page contenant la galerie photo qui va avec, jusque là, tout va bien.

Sauf que, mon problème se situe sur le fait que la page de destination (avec la galerie) ne prend pas en compte le fichier CSS.

Pour ne rien arranger, si j'ouvre la page à part, sans passer par la page contenant les vignettes, le fichier CSS est cette fois bien pris en compte et je ne me suis visiblement pas tompé sur le chemin vers le fichier CSS.

D'où le problème pourrait-il venir ?

Voilà le code de la page contenant les vignettes :

<article>

  <table>
   <tr>
        <td><a href="galeries/lille/lille.html/"> <img src="vignettes/lille.jpg" alt="Photos de Lille"></a></td>
        <td><a href="galeries/braderie_lille/photos_braderie_lille.html/"> <img src="vignettes/braderie-lille.jpg" alt="Photos de la grande braderie de Lille"></a></td>
        <td><a href="galeries/eglise_st_maurice/photos_eglise_saint_maurice_lille.html/"> <img src="vignettes/eglise_saint_maurice.jpg" alt="Eglise Saint-Maurice à Lille"></a></td>
        <td><a href="galeries/cathedrale/photos_cathedrale_lille.html/"> <img src="vignettes/cathedrale_lille.jpg" alt="Photos de la cathédrale de Lille"></a></td>
        <td><a href="galeries/marche_noel/photos_marche_noel_lille.html/"> <img src="vignettes/marche_noel_lille.jpg" alt="Photos du marché de Noël de Lille"></a></td>
   </tr>
  </table>
</article>

Salut,

Avant de le passer en HTML5/CSS3 tu devrais essayer d'avoir une structure sémantique et accessible. En d'autre therme n'utilise pas des tableaux pour la structure de ton site. Il ne sont pas fait pour ça mais plutôt à présenter des données tabulaires.

En somme ça ne sert à rien de griller les étapes. HTML5 c'est bien, mais si c'est pour avoir une structure en tableau derrière ...

Pour ton problème, est-il visible sur le site qui est en ligne actuellement ? si oui, chez moi ça fonctionne plutôt «bien».
Modifié par Gili (12 Jan 2012 - 19:49)

Je ne vois pas en quoi faire du html5 reviens à bruler les étapes.

Pour le tableau, j'veux bien croire que c'est pas le must pour cet usage, mais le problème vient-il de là ?

Pour le moment cette version du site n'est pas encore en ligne.

La nouvelle version de mon site est encore en local pour le moment en attendant que j'ai résolu mon problème.

Firebug te dit quoi dans la console ?

Si ils ne sont pas load, tu dois avoir une erreur 404 de fichier non trouvé, en voyant l'erreur dans la console du lien entier que ton navigateur a fait pour appeler les fichier, tu pourras comprendre où ça merdouille.

Autrement, tu n'aurais pas appeler tes fichiers CSS etc.. avec la fonction include de php par hasard?
Modifié par Apoooo (12 Jan 2012 - 20:21)

Non le problème ne vient pas de là c'est un simple remarque.

Je parle de bruler les étapes car dans ta démarche tu t'es surement dis «tiens je vais mettre mon site à jour, je vais le passer en HTML5» mais ce qui aurait été plus pertinent comme mise à jour c'est mettre de côté les tableaux de mise en page.

Pour ton problème; utilises-tu un CMS,de l'ajax ou du PHP ?

Si il était en ligne ça serait plus simple de cerner le problème.

Je n'ai pas "firebug" :s

Le lien de la page de départ pointe bien vers la nouvelle page.
Le problème est que lorsque la page de destination s'affiche, elle en "brut" (c'est peut-être pas le bon mot) et qu'elle n'est pas affichée visiblement avec les attribut de la feuille CSS.

Pourtant le lien dans celle-ci est bon ! Si je l'ouvre à part, elle s'affiche normalement.
Il n'y a que lorsque j'y accède à partir de la page précédente que visiblement le fichier CSS n'est pas pris en compte.

Sinon je ne suis pas en php mais en html.

Tu devrais installer firebug ça ne mange pas de pain est c'est très efficace notamment pour résoudre ce genre de problème.

Sinon utilises-tu un plugin quelconque ?

Je n'ai ni CMS,ni de l'ajax ni de PHP.
Tout est en html+css.

Je viens de mettre une partie du nouveau site sur mon serveur pour situer le problème.

www.photomaster.fr/test/lille/photos_lille.html

Il n'y a que le lien vers "Lille" qui fonctionnera, je n'ai pas transféré le reste.
Le problème est d'ailleurs le même avec les autres liens

Ta page lille est dans deux sous dossiers dans l'arborescence.

Essaye un peu de mettre href="../../style.css" comme chemin plutôt.

Voir même : href="../../../style.css"
Modifié par Gili (12 Jan 2012 - 21:06)

C'est le cas, le lien vers le CSS est bon.
Si j'ouvre la page en local elle s'affiche normalement.

Il n'y a que lorsque j'y accède à partir de la page avec les vignettes que le CSS n'est plus pris en compte :s

Si le lien CSS est bon c'est que tu as deux fichiers CSS ? Pourtant sur ton serveur il n'y est pas.

Sur la page Lille.html tu vas chercher une feuilles de style avec la même déclaration que pour photo_lille.html qui pourtant est deux niveaux plus haut. Si tu utilises la mêmes feuilles de styles pour les deux documents il y a effectivement une erreur dans ta déclaration, je sais pas si tu me suis ?

Bonjour,

Dans cette page, le fichier CSS retourne une erreur 404. Si le fichier CSS se trouve bel et bien sur le serveur, c'est le chemin qui est erroné tel qu'indiqué par Gili.

bonsoir,

ton fichier de style est dans le répertoire test situé a la racine de ton site.

pour le lier a partir de n'importe quel répertoire de ton site il te suffit d’écrire le lien comme ceci :

/test/style.css

explication :" /" seul indique le chemin vers la racine du site cela équivaut a -http://www.surlesiteahquejesuisla.com

un slash sans petit point devant équivaut à un lien en absolu sur la racine du site.

Cordialement
Modifié par gc-nomade (12 Jan 2012 - 21:44)