No images on front or back end

#1 / Mar 29, 2010 8:45am

Tomaz B.
31 posts

Hi,
I’ve migrated a website to another server and now I can’t see any images on front or back end. Server and url paths are correct for sure, I’ve double checked. Images are also on the server. If I view source and click on the image link I can see the image normally.

External images are shown correctly though.

I’ve uploaded files once again to see if something got wrong there but no success. Is there something to do with the server/php settings?

Can you please advice what to do next?

// EDIT: EE 1.6.8. build 20090723
#2 / Mar 29, 2010 8:57am

Sue Crocker
26054 posts

Tomaz, can you post a link to the page in question? Most of the time this has to do with not pathing from the root.

Example:

images/stuff.jpg

versus
/images/stuff.jpg
#3 / Mar 29, 2010 9:08am

Tomaz B.
31 posts

Here is an example of page in question: http://nevidni-zlobci.si/index.php/stran/ustna_voda.

You can’t see images linked from CSS or inline. The ones you can see are from external server. All inline paths are absolute.
#4 / Mar 29, 2010 9:13am
Sue Crocker
26054 posts
Ah.. the reason is in your .css file:
```
body { background:#fff url(../slike/body.gif)
```
Should be:
```
<a href="http://nevidni-zlobci.si/slike/body.gif">http://nevidni-zlobci.si/slike/body.gif</a>
```
or just

/slike/body.gif

Does that help?
#5 / Mar 29, 2010 9:25am

Tomaz B.
31 posts

No. None of this works. body img path is now set to absolute.

I find it strange because on the previous server it all worked fine with the exact same code. Are there any specific PHP settings that could influence this thing? PHP memory or something?

#6 / Mar 29, 2010 9:37am

Sue Crocker

26054 posts

You’re using an external .css file that has the following in it:

#push ul { list-style:none;}
#push ul.home { margin-top:25px;}
#push ul li { float:left; padding-left:20px; }
#push ul li:first-child { padding-left:0;}
#push ul li a {width:160px; height:160px; display:block; background-repeat:no-repeat; text-indent:-9000px}
#push ul li a#one { background-image: url(../slike/izberite_pravo_scetko.png); }
#push ul li a#two { background-image:url(../slike/12_h_zascita.png); }
#push ul li a#three { background-image: url(../slike/ucinkovite_ocistite_zobne.png); }
#push ul li a#four { background-image: url(../slike/zascitite_se_ustna_voda.png); }
#push ul li a#five { background-image: url(../slike/kako_si_pravilno_ocistimo_z.png); }

See how these aren’t absolute links?

#7 / Mar 29, 2010 10:12am

Tomaz B.

31 posts

#push ul { list-style:none;}
#push ul.home { margin-top:25px;}
#push ul li { float:left; padding-left:20px; }
#push ul li:first-child { padding-left:0;}
#push ul li a {width:160px; height:160px; display:block; background-repeat:no-repeat; text-indent:-9000px}
#push ul li a#one { background-image: url(<a href="http://nevidni-zlobci.si/slike/izberite_pravo_scetko.png">http://nevidni-zlobci.si/slike/izberite_pravo_scetko.png</a>); }
#push ul li a#two { background-image:url(<a href="http://nevidni-zlobci.si/slike/12_h_zascita.png">http://nevidni-zlobci.si/slike/12_h_zascita.png</a>); }
#push ul li a#three { background-image: url(<a href="http://nevidni-zlobci.si/slike/ucinkovite_ocistite_zobne.png">http://nevidni-zlobci.si/slike/ucinkovite_ocistite_zobne.png</a>); }
#push ul li a#four { background-image: url(<a href="http://nevidni-zlobci.si/slike/zascitite_se_ustna_voda.png">http://nevidni-zlobci.si/slike/zascitite_se_ustna_voda.png</a>); }
#push ul li a#five { background-image: url(<a href="http://nevidni-zlobci.si/slike/kako_si_pravilno_ocistimo_z.png">http://nevidni-zlobci.si/slike/kako_si_pravilno_ocistimo_z.png</a>); }

Still no effect. I believe HTML/CSS coed is fine Sue, because it was fine before.

#8 / Mar 29, 2010 11:11am

Sue Crocker
26054 posts

I see what you mean. But if I visit the site and manually open up one of the missing images, I then “see” the image the next time.

So that tells me there is something in the graphic itself that is the issue.
#9 / Mar 29, 2010 11:47am
Tomaz B.
31 posts
Arghh! .htaccess file
```
RewriteRule .*\.(jpg|jpeg|gif|png|bmp)$ - [F,NC]
```
😏

Didn’t know that file was up there in the first place since I’ve uploaded from Mac. Should enable .htaccess files on my laptop. Now’s fine. You can tick this one Sue. Thanks for you patience and assistance.

Cheers! t.
#10 / Mar 29, 2010 11:53am

Sue Crocker
26054 posts

Glad you were able to find out what the problem was. Don’t hesitate to post again as needed.

Thread

Tomaz B.

Sue Crocker

Tomaz B.

Sue Crocker

Tomaz B.

Sue Crocker

Tomaz B.

Sue Crocker

Tomaz B.

Sue Crocker

Username

Password

Thread

No images on front or back end

ExpressionEngine News!

Username

Password

Email Address

Display Name

Password