css file stops working when using .htaccess file

Question

I am trying to make clean urls for my website so i created a .htaccess file as following :

Options +FollowSymLinks
RewriteEngine On

RewriteCond %{SCRIPT_FILENAME} !-d
RewriteCond %{SCRIPT_FILENAME} !-f

RewriteRule ^product/(\w+)/(\w+)$ product.php?id=$1
RewriteRule ^product/(\w+)/(\w+)$ product.php?id=$1

RewriteRule ^store/(\w+)/(\w+)$ Store.php?id=$1
RewriteRule ^store/(\w+)/(\w+)$ Store.php?id=$1

Now it works fine , but when i strat the page i see that the design is working with no css and no images , so what do you think is the problem ??

Best Regards

It depends on where your css and js files are. Use your browsers developer tools to see where the browser is looking for these files — Adam Hopkinson
– Adam Hopkinson, Commented Mar 8, 2013 at 12:36
I would say thet your first 2 rules might be braking the css. Try commenting them out and see what happens. — Ateszki
– Ateszki, Commented Mar 8, 2013 at 12:42
i trying to open this url : localhost/template/product/75/22 — test
– test, Commented Mar 8, 2013 at 12:47
and the browser is trying to find the css at Failed to load resource: the server responded with a status of 404 (Not Found) localhost/template/product/75/css/stylesheet.css — test
– test, Commented Mar 8, 2013 at 12:47

Pavel Štěrba · Accepted Answer · 2013-03-08 12:37:31Z

2

Problem is probably in relative path of your CSS file (and images etc). Use absolute path or base tag in header

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

answered Mar 8, 2013 at 12:37

Pavel Štěrba

2,9222 gold badges31 silver badges51 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

test Over a year ago

i tried it and the browser is still trying to load it from Failed to load resource: the server responded with a status of 404 (Not Found) localhost/template/product/75/css/stylesheet.css when i try to open this url : localhost/template/product/75/22

Pavel Štěrba Over a year ago

And on your disc path {localhost_root}/template/product/75/css/stylesheet.css exists?

test Over a year ago

the css is in {localhost_root}/template/css/stylesheet.css

Pavel Štěrba Over a year ago

And product.php and Store.php are in localhost_root?

Vegard Larsen · Accepted Answer · 2013-03-08 13:34:48Z

1

In the HTML page, prefix the links to your CSS files with /.

So, if you have:

<link rel="stylesheet" type="text/css" href="css/stylesheet.css" />

Change it to:

<link rel="stylesheet" type="text/css" href="/css/stylesheet.css" />

This make the path to the CSS absolute, so that it will find the CSS no matter what "folder" the browser thinks it is in.

answered Mar 8, 2013 at 13:34

Vegard Larsen

13.1k14 gold badges61 silver badges102 bronze badges

Collectives™ on Stack Overflow

css file stops working when using .htaccess file

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related