WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Background image is not appearing for some inexplicable reason. (9 posts)

  1. planesfillingwc
    Member
    Posted 6 years ago #

    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(); ?>
  2. whooami
    Member
    Posted 6 years ago #

    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/

  3. planesfillingwc
    Member
    Posted 6 years ago #

    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 8x8 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.

  4. Roy
    Member
    Posted 6 years ago #

    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.

  5. planesfillingwc
    Member
    Posted 6 years ago #

    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;
  6. Roy
    Member
    Posted 6 years ago #

    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.)

  7. planesfillingwc
    Member
    Posted 6 years ago #

    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.

  8. planesfillingwc
    Member
    Posted 6 years ago #

    <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.

  9. Roy
    Member
    Posted 6 years ago #

    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).

Topic Closed

This topic has been closed to new replies.

About this Topic