CSS, JS and images do not display with pretty url

by

When you use relative url’s, the browser will dynamically create a complete url by using the url of the resource it loaded. In other words: It uses the url as it is displayed in the address bar. In your case (www.domain.com/subfolder/index.php/key) it tries to load any relative url relative to www.domain.com/subfolder/index.php/. Your resources are however not located there.

You have two options to resolve this problem:

  • Convert your relative url’s into absolute url’s, at least absolute to the domain root. Something like <img src="https://stackoverflow.com/questions/27744603/img/unicorn.png"> should be turned into <img src="https://stackoverflow.com/path/to/img/unicorn.png">.

  • Add a base to your head element. This base will be used instead of the url of the resource to calculate the complete url. You should add <base href="https://stackoverflow.com/"> to your <head> element. / will then be used as the base of any relative url.

More Related Contents:

  1. htaccess redirect to https://www
  2. How to redirect URLs based on query string?
  3. mod_rewrite: remove trailing slash (only one!)
  4. mod_rewrite: remove query string from URL?
  5. RewriteCond to match query string parameters in any order
  6. htaccess RewriteRule page with query string
  7. The Redirection of Multiple Parked Domains doesn’t Work with Filename [closed]
  8. Reference: mod_rewrite, URL rewriting and “pretty links” explained
  9. Remove .php extension with .htaccess
  10. apache redirect from non www to www
  11. htaccess remove index.php from url
  12. Redirect site with .htaccess but exclude one folder
  13. What does RewriteBase do and how to use it?
  14. How to debug .htaccess RewriteRule not working
  15. how to remove folder name from url using htaccess
  16. .htaccess rewrite query string as path
  17. Remove ‘index.php’ from URL with .htaccess
  18. Case Insensitive URLs with mod_rewrite
  19. apache redirect http to https and www to non www
  20. .htaccess rewrite “/book.php?id=1234” to “/book/1234”
  21. htaccess redirect all pages to single page
  22. mod_rewrite with anchor link
  23. 301 Redirect to replace all spaces to hyphens
  24. Redirect requests only if the file is not found?
  25. Apache rewrite based on subdomain
  26. Multiple RewriteRules for single RewriteCond in .htaccess
  27. Difference between $1 vs %1 in .htaccess
  28. How can I mod_rewrite and keep query strings?
  29. Internal URL rewrite no longer working after upgrading Apache to 2.4
  30. URL rewriting for different protocols in .htaccess

Leave a Comment