Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 289
  • Last Modified:

Images not loading vs. server permissions

I’m having serious issues.
I set up WordPress both on a web server and my testing server.

The same code works and loads perfectly on my testing server (I’m running Xampp for Windows 7)
But when I load the same code to the web server, nothing is loading properly. I have triple checked image file paths and code.
Is it possible that there are some write permission errors on the server or in my late night fog, missed something?
I reloaded the images folder and nothing changed, I checked my code, and again, it's the same so any advice is appreciated. I’m embedding some screen shots as the actual site isn't live.

testserverscreen.png
webserverscreen.png
0
BluesMama
Asked:
BluesMama
  • 8
  • 7
1 Solution
 
MatthewPCommented:
Possibly permissions, a few thoughts: Can you right click the image and open it in a new tab? Presumably the file path it displays in the address bar is correct?

If so can you upload another image via ftp into the same folder and see if that displays? If so set the permissions (chmod) on the images and maybe set the owner of the image files (chown command - Im assuming linux here...)  

If you cant see the one you uploaded check there's no .htaccess file restricting the directory, check also that no url rewriting is happening elsewhere..
0
 
BluesMamaAuthor Commented:
I'm not able to right click the image file on the web server. When I check on the server there is no .htaccess file I'll check on the url rewriting.
0
 
MatthewPCommented:
I meant right click it in a browser and open it in a new tab then check the address in the address bar check it is pointing to the right place on the server. It may also give an error message (404 not found, 501 server error for example) which may help pinpoint the problem.
0
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
BluesMamaAuthor Commented:
I tried to right click in the browser and nothing happens at the header. At the images that are there they seem to be coming from a root images folder and a images folder within the theme in wordpress.
0
 
MatthewPCommented:
If the image isn't displaying have you got a red cross icon (internet explorer) at least? Can you not right click this and "open image in new tab" or something?
0
 
MatthewPCommented:
Or are the images not actually being included in the HTML code for the page? Have you checked the source code? You should be able to see the image paths there as well.
0
 
BluesMamaAuthor Commented:
I have them in the css  and call them up with div ids and classes
#header>#logo {
	float: left;
	width: 310px;
	background: url('images/see_dekalb_trans.png') no-repeat 0px 0px;
	height: 233px;
	}
  
.logoimg {
  	float: left;
	width: 310px;
	background: url('images/see_dekalb_trans.png') no-repeat 0px 0px;
	height: 233px;
	}

#logosmall{
	float:left;
	background: url('images/see_dekalb_trans_sm.png') no-repeat 0px 0px;
	width: 215px;
	height: 175px;
	margin-top: 10px;
	margin-right: 150px;
	}
#header>#rightbox {
	width:557px;
	float:right;
	padding-top: 5px;
	}
#header>#rightbox_sm {
	float:right;
	padding-top: 5px;
	padding-left: 225px;
        }
#title {
	font-size:26px;
        }
.text {
       padding-left:20px;
       width:360px;
       font-size:14px;
       }
#events {
       padding-top:60px;
       background:url('images/home_bg.png') no-repeat;
       min-height: 165px;
       }

Open in new window

<div id="header">
<div id="logo"></div>
<div id="rightbox">
<p id="title">Shop, Eat, and Enjoy Downtown DeKalb IL<br/>
<p class="text">What's happening in downtown DeKalb Illinois.</p>
<div id="events">
<p><a href="http://www.seedowntowndekalb.com">3/31/2011 - Meet Me Downtown</a></p>
<p><a href="http://www.seedowntowndekalb.com">4/9/2011 - Second City - Egyptian Theatre</a></p>
<p></p>

Open in new window

0
 
MatthewPCommented:
Oh right backgrounds.

Note your css file is expecting to find the images in a directory called images which iss OFF the directory that the css file itself is in - not relative to the root of the server. Is that how you have it set up?
0
 
BluesMamaAuthor Commented:
There is a folder within the theme for images and I have a root images folder. The css is calling from the images folder in the theme.
0
 
MatthewPCommented:
OK and where in the theme folder is the css, is it in theme/css with the images in theme/css/images for example?

Also, is this css included as a css script or is wordpress sucking it into the main html source, this will make a difference too.
0
 
BluesMamaAuthor Commented:
it's a css script and it's in theme/style.css
0
 
MatthewPCommented:
OK so the images must be in theme/images. Therefore if you go to yourdomain.com/path_to_wordpress_installation/theme/images/home_bg.png in a web browser is it showing or do you get any error messages?
0
 
BluesMamaAuthor Commented:
Ok, I ended up doing a reinstall because the web server had issues. The hosting company didn't have write permissions set up for the php files. Now everything views except the facebook and twitter icons.
www.seedowntowndekalb.com
0
 
MatthewPCommented:
Cool getting somewhere than.

Now I can see the site I can see that the missing images are:

seedowntowndekalb.com/images/twitter-64x64.png
seedowntowndekalb.com/images/facebook-64x64.png

and they are getting ERROR 404 Status - image does not exist. If you put these images into this directory that should be it.
0
 
BluesMamaAuthor Commented:
I took your advice. I think that paired with the reinstall worked. Thank you for your patience and your time.
0

Featured Post

Hire Technology Freelancers with Gigs

Work with freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely, and get projects done right.

  • 8
  • 7
Tackle projects and never again get stuck behind a technical roadblock.
Join Now