How to set css image url in codeigniter

Question

I am using this code for making background image fixed but image url is not working can you tell me what I am missing.

code is written in my view file :

html { 
     background: url(<?php echo base_url();?>assets/images/img.jpg) no-repeat  center center fixed; 
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
      background-size: cover;
}

Why I am getting "304 error" on all these files? I'm using this code to link these files:

 <script type="text/javascript" src="<?php echo base_url(); ?>assets/jquery/jquery-3.2.1.min.js"></script> 
 <link href=" <?php echo base_url(); ?>assets/css/bootstrap.min.css" rel="stylesheet">
 <link href=" <?php echo base_url(); ?>assets/style/style.css" rel="stylesheet">
 <script type="text/javascript" src="<?php echo base_url();?>/assets/js/bootstrap.min.js"></script>

try this, background: url(../assets/images/img.jpg) no-repeat center center fixed; — Casper
– Casper, Commented Nov 30, 2017 at 9:39
try with this background: url(../assets/images/img.jpg)no-repeat center; — Bhargav Chudasama
– Bhargav Chudasama, Commented Nov 30, 2017 at 9:40

jasinth premkumar · Accepted Answer · 2017-12-07 17:19:29Z

3

you are missing ""() double quotes.

Use this css for fixed background

body{
 background-attachment: fixed;
 background-image: url(<?php echo base_url();?>./image.jpg);
}

or else , try using this.

background-image: url("../image.jpg");

edited Dec 7, 2017 at 17:19

user9068565

answered Nov 30, 2017 at 10:11

jasinth premkumar

1,4111 gold badge13 silver badges23 bronze badges

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

2 Comments

jasinth premkumar Over a year ago

body is used in css because body holds the backgound image

user4419336 Over a year ago

note this <?php echo base_url();?>. will not work in .css

score 0 · Accepted Answer · 2017-11-30 10:44:13Z

0

Lets say your css file is in assets folder

application

assets

assets > css > example.css

assets > images

system 

index.php

Then try this in the CSS file

body {
  background: url('../images/img.jpg') no-repeat center center fixed;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
   background-size: cover;
}

Of course make sure you have set the base url in the config.php

/*
|--------------------------------------------------------------------------
| Base Site URL
|--------------------------------------------------------------------------
|
| URL to your CodeIgniter root. Typically this will be your base URL,
| WITH a trailing slash:
|
|   http://example.com/
|
| WARNING: You MUST set this value!
|
| If it is not set, then CodeIgniter will try guess the protocol and path
| your installation, but due to security concerns the hostname will be set
| to $_SERVER['SERVER_ADDR'] if available, or localhost otherwise.
| The auto-detection mechanism exists only for convenience during
| development and MUST NOT be used in production!
|
| If you need to allow multiple domains, remember that this file is still
| a PHP script and you can easily do that on your own.
|
*/

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

edited Nov 30, 2017 at 10:44

answered Nov 30, 2017 at 10:20

user4419336

1 Comment

sameed ul hassan Over a year ago

Sir I tried your suggestion but it didn't work, I have updated my question can you please check it I think because of that error it is not working.

Chaitanya Desai · Accepted Answer · 2017-11-30 10:53:00Z

0

Use like this:

<div class="profile-pic-feadback" style="background-image:url(<?php echo base_url('images/user.png') ?>)"></div>

you have to used background-image. then it will work. I used this way only.

edited Nov 30, 2017 at 10:53

answered Nov 30, 2017 at 9:59

Chaitanya Desai

3333 silver badges17 bronze badges

3 Comments

Chaitanya Desai Over a year ago

have you try to give this as inline css. I was having same error. so put all image css code in css file and only setting image url path code as a inline css. and it work me.

Chaitanya Desai Over a year ago

Can you give me the whole code. Are you sure image is stored into the same path

Chaitanya Desai Over a year ago

See i have updated my answered so you understand in more better way.

SomeRSGuy · Accepted Answer · 2017-11-30 17:13:02Z

0

Here's the way:

html { 
     background-image: url('<?= base_url("assets/images/img.jpg");?>') no-repeat center center fixed; 
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
      background-size: cover;
}

But I have to say that wolfgang1983's answer is a better practice. Avoid using CSS in your views.

answered Nov 30, 2017 at 17:13

SomeRSGuy

6108 silver badges19 bronze badges

Comments

Danish Ali · Accepted Answer · 2017-12-02 22:27:24Z

0

html {

background-image: url('../assests/images/img.jpg') no-repeat center center fixed;

}

edited Dec 2, 2017 at 22:27

user4419336

answered Nov 30, 2017 at 11:58

Danish Ali

2,3513 gold badges18 silver badges26 bronze badges

1 Comment

user4419336 Over a year ago

Rather than just pasting code should have some text explaining what needs to be done etc.

Collectives™ on Stack Overflow

How to set css image url in codeigniter

5 Answers 5

2 Comments

1 Comment

3 Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

1 Comment

3 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related