Wordpress - no images showing online?

Discussion in 'Web Design' started by Snaphaan, Apr 1, 2012.

to remove all ads.
  1. Snaphaan

    Snaphaan New Member

    Messages:
    2
    I have build a (see here) site off-line with Xampp and tried to upload it on a remote server.

    The site works but most of the images are not appearing. Only the footer and a background image on the left sidebar as you can see. I've gone through the CSS quite a number of times and I can't seem to find what is wrong. I'm using the Toolbox starter theme.

    I did a clean install of the latest WP, created a DB, edited the config, added the few plug-ins I need and the template files. And the same problem. I also tried a previous version of WordPress. No go.

    Anyone here have any suggestions?

    Thanks in advance!
     
  2. CaldwellYSR

    CaldwellYSR Member

    Messages:
    658
    Did you make sure the images were uploaded?
     
  3. Snaphaan

    Snaphaan New Member

    Messages:
    2
    Just checked again. Yes everything is uploaded
     
    Last edited: Apr 1, 2012
  4. ronaldroe

    ronaldroe Super Moderator Staff Member

    Messages:
    1,223
    The problem is likely your path. Images loaded via CSS will be able to use relative addresses, so if you load a bg image in CSS, you can use images/image.png. Images loaded using the HTML <img> tag will require their full path, or you can use the template directory PHP to get there. It looks like so:
    <img src="<?php bloginfo('template_directory'); ?>/images/mainimage.jpg" title="" alt="" />
     
  5. Brian Angel

    Brian Angel Member

    Messages:
    248
    So.. looked at the CSS....

    Code:
    url(http://localhost/boererepublieke/wp-content/plugins/underconstruction/Construction.png)
    Thsts the BG image call.. 1st why is the BG call pointing to plugin folder, it should point to your theme file. Second don't path out to it like that. A CSS call for a BG image should be no more than something like:

    Code:
    #div{
    background-image:url(%imagefolder%/%imagename%);
    }
    as long as you have your css at the root of your theme. If the CSS file is in a css folder, then add ../ before the name of the image folder so it will "jump up " the directory to find it.
     
  6. jumpingspider

    jumpingspider New Member

    Messages:
    252

    This would be helpful. Try check the css if it's properly written.
     

Share This Page