HTML not getting CSS

Question

I am working on a codeigniter project. I am having a problem about css. the css are included in the header in the following fashion:

<link  href="http://localhost/ebookazine/assets/css/reset.css" rel="stylesheet" type="text/css" />
<link  href="http://localhost/ebookazine/assets/css/typography.css" rel="stylesheet" type="text/css" />
<link  href="http://localhost/ebookazine/assets/css/FlashStatus.css" rel="stylesheet" type="text/css" />
<link  href="http://localhost/ebookazine/assets/css/webshop.css" rel="stylesheet" type="text/css" />

but no css links are working. someone help about this?

Open one of them directly in the browser's address bar. What happens? — Pekka
– Pekka, Commented Aug 21, 2011 at 7:35
Do you get http://localhost/ebookazine/assets/css/reset.css when you go there with a browser directly? — Matijs
– Matijs, Commented Aug 21, 2011 at 7:38
Do you see the problem on your local machine or when you upload your site to a server? You CSS is references with absolute urls. — Devraj
– Devraj, Commented Aug 21, 2011 at 7:46
I would venture to guess that OP is using an .htaccess that's not allowing files in /assets to be directly accessed. However, why we are being forced to guess is anyone's guess. StoneGarden, here are several people eager to help you. You had an inquiry 3 minutes after posting, please pay attention to your active questions. — No Results Found
– No Results Found, Commented Aug 21, 2011 at 7:55
localhost/ebookazine/assets/css/reset.css ---- no, this gives "not found" — Imrul.H
– Imrul.H, Commented Aug 21, 2011 at 8:05

Martin Matysiak · Accepted Answer · 2011-08-21 09:14:07Z

5

First of all, check if your .htaccess file looks something like this (especially the |assets| part is important):

rewriteengine on
rewritecond $1 !^(index\.php|assets|robots\.txt)
RewriteRule ^(.*)$ /index.php/$1 [L]

This allows that the files inside your assets folder can be accessed by public.

Next, make sure that the paths inside your view use the base_url() command, e.g.:

<link href="<?php echo base_url(); ?>assets/css/typography.css" rel="stylesheet" type="text/css" />

With that, the view will always use the correct absolute URL, no matter if you are testing it on your local machine or on a webserver.

answered Aug 21, 2011 at 9:14

Martin Matysiak

3,3962 gold badges19 silver badges19 bronze badges

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

1 Comment

No Results Found Over a year ago

+1 Probably .htaccess issue. See also: link_tag()

corecase · Accepted Answer · 2011-08-21 07:52:36Z

0

Try copying the code found within the css files and creating new css files on your computer and then pasting the code(the code you just copied) into those files(the new files you just created). Make sure you put the new css files in the same folder as your html file. Then, simply link the css files in the following fashion:

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

I honestly don't know why it's not working the way you're doing it at the moment; i would need to know more information in order to help you if you really want to leave the files where they currently are(in localhost).

edited Aug 21, 2011 at 7:52

answered Aug 21, 2011 at 7:47

corecase

1,2985 gold badges19 silver badges29 bronze badges

2 Comments

Imrul.H Over a year ago

i am using codeigniter framework and hmvc pattern. so, this is important to keep the css in that folder.

corecase Over a year ago

I've never used that framework before, unfortunately i can't help you there. It might be easier to just keep the files in your html file folder, i don't know what your goal is, but that's my only suggestion at the moment. Good luck though!

Collectives™ on Stack Overflow

HTML not getting CSS

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related