Code Igniter simple base url css

Question

i want to connect my external css into the page. the css placed on C:\wamp\www\QBCI\Style\syle.css and i am using autoload helper $autoload['helper'] = array("html","form","url");

so, i write the css connector like this <link href="<?php echo base_url(); ?>Style/style.css" type="text/css" rel="stylesheet" /> and now here is the view

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

<body>

    <div class ="header">
        http://localhost/QBCI/  //i was echoing base_url() 
    </div>

    <div class ="content">


    </div>



</body>

and finally, here is my base url at config.php $config['base_url'] = 'http://localhost/QBCI';

stucture

why is the style.css is not loaded ? what did i do wrong ?

solved, i made the css file "syle.css" instead of "style.css" sorry guys, thank you for your support

Can we have a link to a demo, or maybe the content of your htaccess if you have one? Or maybe the value returned by base_url()? — nebulousGirl
– nebulousGirl, Commented Sep 20, 2012 at 18:29
@nebulousgirl i did <?php echo base_url() ?> at the view's div, it prints like this http://localhost/QBCI/ — nencor
– nencor, Commented Sep 20, 2012 at 18:33

Sergey Telshevsky · Accepted Answer · 2012-09-20 18:24:57Z

1

Try

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

Make sure your .htaccess works and your style/ directory is in the right place (in the same folder with index.php in most cases).

As you are using a subfolder (QBCI), make sure you have it in your .htaccess rewrite path.

answered Sep 20, 2012 at 18:24

Sergey Telshevsky

12.3k7 gold badges59 silver badges80 bronze badges

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

10 Comments

nencor Over a year ago

why don't you prefer to use base_url() ?

nebulousGirl Over a year ago

base_url(); should be used in this case as site_url(); is for page urls. See codeigniter.com/user_guide/helpers/url_helper.html

Sergey Telshevsky Over a year ago

I am really sorry, I have mistaken here, surely base_url() should be used. Editing my answer

nencor Over a year ago

@nebulousgirl sorry, still not work, i made this <link href="<?php echo base_url('style/style.css'); ?>" type="text/css" rel="stylesheet" />

Sergey Telshevsky Over a year ago

@nencor what does firebug/developer tools show you? What error do you get? What do you see in view source?

|

dm03514 · Accepted Answer · 2012-09-20 18:21:16Z

0

Did you make sure to set $config['base_url'] = ''; in your config/config.php?

Additionally the documentation suggests that you pass the base_url function the path instead of concatenating it, it shouldn't make that big of difference but.. http://codeigniter.com/user_guide/helpers/url_helper.html

answered Sep 20, 2012 at 18:21

dm03514

56.1k18 gold badges117 silver badges147 bronze badges

Comments

jleft · Accepted Answer · 2012-09-20 18:26:50Z

0

You need to add a trailing slash to your base_url value:

$config['base_url'] = 'http://localhost/QBCI/';

answered Sep 20, 2012 at 18:26

jleft

3,4551 gold badge25 silver badges35 bronze badges

4 Comments

jleft Over a year ago

If you view source in your web browser, what value is the href value corresponding to your style sheet?

jleft Over a year ago

Ok, @nencor, if you click on that link in the source viewer of your web browser, does it display the CSS?

nencor Over a year ago

no it isn't, it display <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN"> <html><head> <title>404 Not Found</title> </head><body> <h1>Not Found</h1> <p>The requested URL /QBCI/style/style.css was not found on this server.</p> </body></html>

jleft Over a year ago

@nencor personally I'd make the path lower case (try changing the folder from 'Style' to 'style') and all of the references to it lower case too.

user1179330 · Accepted Answer · 2015-11-07 17:35:15Z

0

your file is under Style/syle.css not style.css you must rename the file because you are missing a t

answered Nov 7, 2015 at 17:35

user1179330

1014 bronze badges

Collectives™ on Stack Overflow

Code Igniter simple base url css

4 Answers 4

10 Comments

Comments

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

10 Comments

Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related