: .htaccess rewrite URL leads to missing CSS I am trying to make my url from this: www.example.com/view.php?id=15 To this: www.example.com/watch/15 My code in .htaccess is as follows: Options

@Ann8826881

Not being able to find your JavaScript and CSS files is a client-side/browser issue related to your URL-path, it's not something that should be fixed in .htaccess (at least not in this case) - although it is because you are changing this URL-path (in .htaccess) that you are experiencing this problem.

As closetnoc suggests in comments this problem is caused by using relative URLs in your HTML. Relative to what? If you changed your JavaScript and CSS URLs to be root-relative (starting with a slash) or even absolute then you would not get this problem.

Alternatively you can include a base element in the head section of your HTML document. This references the absolute URL that all relative URLs are relative to. In other words, since you are expecting these relative URLs to be relative to the document root then add the following to the head section:

<base href="http://example.com/">


Now, a relative URL such as styles/default.css referenced in a document at URL /watch/15 will request example.com/styles/default.css, not example.com/watch/styles/default.css.
Reference: developer.mozilla.org/en-US/docs/Web/HTML/Element/base

Vote Up Vote Down