Broken Images
-
I realize I’m pushing the envelope posting this question here, but I can’t find a forum topic that covers my problem, here or anywhere else online.
I’ve started creating my own theme from a blank theme template. It’s been going great and I’ve created a dynamic custom homepage from an HTML template. It’s working great except some of my image links are now broken and I can’t figure out why. The background images in the css are working fine. But the images called from the <img src=”file path” /> on the homepage.php aren’t working now. The file path is correct. I’ve tried putting the images folder in the root folder, the wp-content folder, and now I have it “my-theme” folder so the file path is <img src=”images/image_name.png” />. Anyone have a clue?
<?php get_header(); ?> <div id="main-content"> <p id="intro">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p> <blockquote>We are able to do the work we do because of the quality of these widgets. <cite>- Frank James, Tick Tock Corp</cite> </blockquote> <h2>Featured Widgets</h2> <ul id="featured-widgets"> <li> <h3>Super Sprocket 1000</h3> <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p> <div class="image-and-button"> <img src="images/prod-supersprocket.png" alt="Image of Super Sprocket 1000" /> <a href="#">View Product</a> </div> </li> <li> <h3>Triple Sprunkler</h3> <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p> <div class="image-and-button"> <img src="images/prod-sprunkler.png" alt="Image of Super Sprunkler" /> <a href="#">View Product</a> </div> </li> <h2>Web Special<em> of the</em> Week</h2> <div class="coupon"> Buy two sprockets get the third free! </div> </div><!-- #main-content --> <?php get_sidebar(); ?> <?php get_footer(); ?>
- The topic ‘Broken Images’ is closed to new replies.