Problems with link images

  • Hi everyone!

    I’m trying to create a link in the footer that takes you to the top of the page. Simple enough. The link itself works fine, but for some reason, I cannot seem to add an image to the link. I just get the generic outline with the x you get when an image fails. Normally when something this simple is broken, I can take a look at the code, fix it, and the say, ‘duh, how did I miss that’. While I’m sure that’s still the case, I can’t seem to find it.

    Here’s what seems like it should be the relevant code, and basically all that’s in the footer:

    <div class="copy-info">
    <p class="copy">
	<?php _e('Proudly powered by '); ?><a href="https://www.remarpro.com"   target="_blank"><?php _e('WordPress.'); ?></a>
	<br />
        <?php _e('Copyright') ?> &copy; <?php _e('2011. All Rights Reserved.') ?>
    </p>
</div>
<div class="toplink">
    <a href="#"><img src="images/icons/whitearrow.jpg" alt="Back to Top" /></a>
</div>
<div class="clr"></div>

    And the CSS that applies to those divs (Though its still mostly framework, and I don’t really think it’s the issue.)

    .copy-info {
   width: 90%;
   float: left;
}
.toplink {
   width: 8%;
   float: right;
}

    Any thoughts? I have multiple arrow colors to use depending on the background color, and none of them seem to work. Linking to the background image seems to work fine. I’d put up a link, but I’m still creating on localhost. If you think it would help, I could upload to the actual site.

Viewing 4 replies - 1 through 4 (of 4 total)

  • where is the imagefolder? Because normal wordpress starts from your wordpress folder. So if your picture is in uploads it would be wp-content/uploads/images/icons/whitearrow.jpg

    Thread Starter GracieD

    (@gracied)

    I’m building the theme from scratch right now, and haven’t used the uploads folder for anything. Everything is in the theme folder (wp-content/themes/my-theme/images). It seemed to work fine with the background through the CSS sheet.

    body {
   font-family:Arial, Helvetica, sans-serif;
   background-image:url('images/org.jpg');
   background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
   background-size: cover;
}
    Thread Starter GracieD

    (@gracied)

    Well, I changed it to the above (wp-content/themes/…) and it works. Thanks!

    And idea why the extra path info was needed in html, but not the css?

    It’s just how they work ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Problems with link images’ is closed to new replies.