Ajout d'un slash après url déplace ci-dessous le menu et le logo dessus

Question

J'utilise CodeIgniter.

Mes produits page tous les produits que nous avons et les utilisateurs peuvent cliquer sur chaque product_name pour obtenir plus de détails sur ce produit particulier. Alors, je l'ai déclaré des produits que la classe et product_name en fonction au sein de la classe de produits -. Je pourrais donc obtenir le www.company.com/products/product_name url

Quand je vais à www.company.com/products tout va bien, mais si j'ajoute une slash il ressemble à www.company.com/products/ ma fenêtre sous le logo et le menu se déplace au-dessus à la fois cacher le logo et le menu. La même chose arrive quand je vais www.company.com/products/product_name .

Comment puis-je faire en sorte que la fenêtre ci-dessous ne cache pas quand j'ajouter des barres obliques arrière ou quand je vais à product_name pages.

Toute aide serait appréciée.

Answer 1

Le problème est que vous avez spécifié un chemin relatif pour vos images. Vous devez les rendre absolue, ou du moins par rapport à l'emplacement actuel. C'est-à-dire, si vous changez votre chemin d'image à partir de:

<img src="images/obsia.png">

à

<img src="/images/obsia.png">
or
<img src="http://www.obsia.com/images/obsia.png">

Votre problème sera résolu.

La raison pour laquelle cela se produit parce que le chemin des images est déterminée par l'URL de base. Lorsque vous êtes à http://www.obsia.com ou http://www.obsia.com/products, votre URL de base est http://www.obsia.com.

Pour le navigateur, puis images/obsia.png est rendu en tant que http://www.obsia.com/image/obsia.png, que votre serveur interprète comme wwwroot/images/obsia.png et les travaux de liaison relatifs.

Cependant, si vous faites http://www.obsia.com/products/ votre URL de base est http://www.obsia.com/products et le chemin relatif pour vos images passe de http://www.obsia.com/images/obsia.png à http://www.obsia.com/products/images/obsia.png. Votre serveur interprète comme, que votre serveur interprète comme wwwroot/images/products/obsia.png, ce qui est un chemin valide. Le serveur renvoie une erreur 404 --resulting en images brisées.

Vous pouvez le voir si vous utilisez le panneau de .Net Firebug. La demande de vos déclarations de logo:

GET obsia.png
http://www.obsia.com/products/images/obsia.png

404 Not Found

obsia.com

539 B