Need help? Check out our Support site, then


WordPress.com Forums » Widgets

Problem placing linked image in sidebar

  1. psharbaugh
    Member

    Strange problem at my blog (http://psharbaugh.wordpress.com/) which is using the Connections theme. I'm having difficulty placing a correctly linked image in the sidebar. I've triple and quadruple checked the code, which works fine anywhere else. I've even tried the code on another blog at WordPress.org and it works fine there. But when I place it in my sidebar and save it, all that shows up on the blog is the code itself. Anyone explain this?
    Here's what I'm using:
    '<p>

    <img border="1" src="http://psharbaugh.wordpress.com/files/2007/12/tn_img_1445.jpg"

    </p>'

    One thing I've noticed: whenever I save it, WordPress changes the code <img border="1" to this: <img border="1"
    Any idea why?

  2. psharbaugh
    Member

    Okay, the forum itself just stripped out a part of the code I placed within backticks. I'll try again. The code I'm using is this:

    '
    <img border="1" src="http://psharbaugh.wordpress.com/files/2007/12/tn_img_1445.jpg"
    '

  3. psharbaugh
    Member

    Okay, backticks not the same as apostrophes, got it. Here we go:

    <p>
<a href="http://www.manandultraman.com/gallery2/main.php">
<img border="1" src="http://psharbaugh.wordpress.com/files/2007/12/tn_img_1445.jpg"
</a>
</p>

  4. vivianpaige
    Member

    I'm no expert but it looks like you are missing a > at the end of the 3rd line, which starts with < img border

  5. thesacredpath
    Staff

    /nod to vivian
    1<p>

    <img border="1" src="http://psharbaugh.wordpress.com/files/2007/12/tn_img_1445.jpg">
    </p>'

  6. thesacredpath
    Staff

    Missed the backtick key

    <p>
<a href="http://www.manandultraman.com/gallery2/main.php">
<img border="1" src="http://psharbaugh.wordpress.com/files/2007/12/tn_img_1445.jpg"></a>
</p>

  7. psharbaugh
    Member

    Thanks all. Unfortunately, still no joy.
    Again, the code, both pre- and post-change, works fine in a self-hosted WordPress.org blog sidebar. But that's not my blog. Is it possible the Connections theme doesn't support linked images in the sidebar? Does WordPress.com not support it? Befuddled here...

  8. raincoaster
    Member

    I have a million linked images in my sidebar. The only suggestion I can make at this point is try doing it without the border.

    OR

    You could do it in a draft post, make sure it shows up correctly, and then copy the Code from the Code tab. Paste THAT and nothing else, into your text widget. Title it. Then post.

  9. thesacredpath
    Staff

    The code I posted above works just fine in my .com test blog at: http://opposablethumbz.wordpress.com/ . You can go there and look if you want. It's at the top of the sidebar.

  10. psharbaugh
    Member

    I copied and pasted the code thesacredpath posted above and it works! Though I have absolutely no idea why it should and mine wouldn't, as I can't spot any difference between them. But I'm not arguing with success. Thanks, all.

  11. psharbaugh
    Member

    Actually, one final small question, which should be a snap for you HTML smarties. How do I center the image? I've figured out how to center it within a line of text, but there's no text in my example....

  12. thesacredpath
    Staff

    @psharbaugh
    There was a > missing from the end of the image link as Vivian stated right below your post with the code.

  13. vivianpaige
    Member

    @psharbaugh - searches are your friend :) Look here.

  14. thesacredpath
    Staff

    Replace the code in the widget with this:

    <a href="http://www.manandultraman.com/gallery2/main.php"><p style="text-align: center">
<img border="1" src="http://psharbaugh.wordpress.com/files/2007/12/tn_img_1445.jpg"></p></a>

    You can compare it with the other code to see the changes. I cheat by pasting all the code into the write post area in code view, then switch back to visual, highlight the image, and then click on the "center" icon in the tool bar. I then switch back to code view and copy out all the code and then paste it into the widget.

  15. psharbaugh
    Member

    Thanks again, all. Good input all around.
    Patrick

  16. thesacredpath
    Staff

    You're welcome, and happy blogging.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags