WordPress.org

Support

Support » How-To and Troubleshooting » [Resolved] Background image is not appearing for some inexplicable reason.

[Resolved] Background image is not appearing for some inexplicable reason.

  • While ironing out the last few remaining kinks in my scripting, my background image stopped appearing. The background is specified in my style.css and worked fine until I began altering div classes. No matter what I try, I cannot get it to reappear. Weirder still, when viewing the page I can right click and select “View Background Image” and it’ll appear in a new window. So apparently it’s there, just… invisible? It does not make any sense at all to me. Help?

    http://www.planesfillingwithchildren.com

    <?php get_header(); 
    
    global $options;
    
    foreach ($options as $value) {
      if (get_settings( $value['id'] ) === FALSE) { $$value['id'] = $value['std']; } else { $$value['id'] = get_settings( $value['id'] ); } }
    ?>
    
    <div class="content">
      <div class="leftcontent">
    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
    <?php if (in_category('5')) continue; ?>
    
       <div class="post" id="post-<?php the_ID(); ?>">
       	<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a> <span class="chrondate"><?php the_author_posts_link('nickname') ?></span></h2>
    		<span class="entrymeta"><p>posted on <?php the_date() ?> / <? the_time() ?> <br />
             <?php the_tags(); ?></p></span>
    
    	   <div class="entry">
          <?php the_content("[...]"); ?>
    	  <p>
    	  <?php comments_popup_link('comment', '1 comment', '% comments'); ?>
    		</div><!-- end entry -->
    	</div>
    
      	<?php endwhile; ?>
    	<?php else : ?>
    	<div class="entry"><h2>not found</h2>
    
    <p>either you have reached this page in error or my design skills aren't nearly as savvy as i would like to think.  please feel free to hit me off with an email at <strong><?php bloginfo('admin_email'); ?></strong> detailing the problem.</p> 
    
    	<?php endif; ?>
    
    		<div class="clear"></div>
    		<div class="nextprevious">
    	  <?php if(function_exists('wp_pagenavi')) { ?>
    			<div class="aligncenter"><p><?php wp_pagenavi(); ?></p></div>
    		<?php } else { ?>
    			<div class="alignleft"><p><?php next_posts_link('&laquo; Previous') ?></p></div>
    			<div class="alignright"><p><?php previous_posts_link('Next &raquo;') ?></p></div>
        <?php } ?>
    		<div class="clear"></div>
    		</div>
    	</div>
    
    </div><!-- end content -->
    
    <?php get_sidebar(); ?> 
    
    </div><!-- close page -->
    
    <?php include (TEMPLATEPATH . "/bottom_index.php"); ?>
    <?php get_footer(); ?>
Viewing 8 replies - 1 through 8 (of 8 total)
  • whooami

    @whooami

    Member

    which background image? this one?

    providing a name would be most helpful.

    and just as commentary, how can you advertise that you do website layouts if you need help with this?? (rhetotical q, of course)

    http://validator.w3.org/check?uri=http://www.planesfillingwithchildren.com/

    Touché. Photography is more of my focus, but this problem is just weird. I can’t find a solution for something so seemingly simple.

    The image name is “contentfull.gif.” It is an 8×8 tiled gif. Works on every other page and worked fine on the index.php until a few changes were made to the div classes to correct an issue with the layout. As far as I can see, there’s no reason for it to be acting like this.

    Two things that I wonder about. If the background image is called for in the stylesheet, then why do you paste your index.php; and second,

    [edited]… pf, too rapid conclusion.

    But again, I think you’ll have to have a look at your stylesheet.

    I really don’t think it’s a problem with the stylesheet. The same stylesheet works on every other page, just not the index after a few changes were made to div classes to fix a layout issue.

    But, it seems to be more than just contentfull.gif that isn’t appearing. It is a portion of the stylesheet that controls the border as well. Again the odd thing is that it’s all there — you can right click and view contentfull.gif — it’s just not visible when the page is viewed. Here’s the portion of my stylesheet in question:

    #page {
      width: 640px;
      margin: 0 auto;
      text-align: center;
      overflow:visible;
      padding: 0;
      color: #ccc;
      border: 6px #ccc solid;
      background: #222 url(/images/contentfull.gif) top left;

    The same stylesheet works on every other page

    No it doesn’t! Clear your browser cache and try again.

    Again the odd thing is that it’s all there — you can right click and view contentfull.gif — it’s just not visible when the page is viewed.

    I can’t!
    Besides, did you notice that when you view the source of the website, there is no reference to a contentfull.gif whatsoever?

    But my first replies do raise the faint feeling which I edited away the first time, that you call for things from your harddrive. Or…:
    file:///Macintosh HD/Users/matthewreese/Desktop/islamp/images/contentfull.gif
    … is this a direct location on your server?? (I doubt that.)

    No it doesn’t! Clear your browser cache and try again.

    I just viewed it from my PC, separate from the network of my Mac, and the stylesheet works fine on every page. Strangely enough, the contentfull.gif background worked fine in Internet Explorer (which I guess makes sense considering IE is usually more forgiving). This must be an issue specific to Safari and Firefox involving whatever changes I made to the div tags. I just have no idea what to fix since nothing I’ve tried seems to work.

    you call for things from your harddrive

    I wasn’t aware it was doing that. I just now corrected it. Thanks for pointing that out.

    <div class="entry">
          <?php the_content("[...]"); ?>
    	  <p>
    	  <?php comments_popup_link('comment', '1 comment', '% comments'); ?>
    		</div></div><!-- end entry -->

    I managed to get contentfull.gif to reappear in Firefox and Safari when I closed out an additional div tag on the last line above. However, it caused my posts from the Loop to bleed into my sidebar and completely displace the layout.

    The same as before, in my IE6 (work) the index looks the same as a single, an archive or a search result page. There is an image in the header, but nowhere else and I can’t just click right somewhere to see that some image is not loaded (I get no image address).

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘[Resolved] Background image is not appearing for some inexplicable reason.’ is closed to new replies.
Skip to toolbar