Captions fine in editor, don’t work when posted

  • Unknown's avatar
    radarlake2 · Member ·

    Any help on this will be appreciated. Been struggling for awhile.

    Basically, the captions look fine in the wordpress editor but when I post them, the caption is completely unformatted and the text simply appears below the image. When I post images without captions I have no problems with alignment or text wrapping but as soon as I add the caption they go haywire. You can see an example at http://www.radarlake.com/2009/11/phil-ramone-comes-to-mcgill/

    Here’s an example of the html code in the editor:

    [caption id="attachment_21" align="alignleft" width="180" caption="Phil Ramone comes to Mcgill"]<img class=”size-full wp-image-21″ title=”Smaller_Cropped_Phil_Ramone” src=”http://www.radarlake.com/wp-content/uploads/2009/11/Smaller_Cropped_Phil_Ramone.jpg” alt=”Smaller_Cropped_Phil_Ramone” width=”180″ height=”181″ />[/caption]

    Which then generates this html on the page:

    <div id=”attachment_21″ class=”wp-caption alignleft” style=”width: 190px”><img class=”size-full wp-image-21″ title=”Smaller_Cropped_Phil_Ramone” src=”http://www.radarlake.com/wp-content/uploads/2009/11/Smaller_Cropped_Phil_Ramone.jpg” alt=”Smaller_Cropped_Phil_Ramone” width=”180″ height=”181″ /><p class=”wp-caption-text”>Phil Ramone comes to Mcgill</p></div>

    Here’s my CSS code for images and captions:

    img.alignright {float:right; margin:0 0 1em 1em}
    img.alignleft {float:left; margin:0 1em 1em 0}
    img.aligncenter {display: block; margin-left: auto; margin-right: auto}
    a img.alignright {float:right; margin:0 0 1em 1em; border:none}
    a img.alignleft {float:left; margin:0 1em 1em 0; border:none}
    a img.aligncenter {display: block; margin-left: auto; margin-right: auto; border:none}

    /* Captions */
    .aligncenter,
    div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    .wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    }

    .wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
    }

    .wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
    }
    /* End captions */

    .post{
    padding: 10px 0 10px 0;
    }

    .wp-caption-text {
    font-size:xx-small;
    color:#66FFFF;
    vertical-align:top;
    }

    I made this theme myself and I’m very far from being a pro at this stuff so there’s a possibility I’m missing something basic I guess. I’m usually pretty good at finding solution online but this one has me completely stumped.

    I’m using version 2.9.1 with 2 plugins: My Link Order and WP-Spamfree.

    Thanks in advance everyone!

  • Unknown's avatar
    supportbot · Member ·

    You did not specify a blog address or reason for posting when you created this topic.

    This support forum is for blogs hosted at WordPress.com. If your question is about a self-hosted WordPress blog then you’ll find help at the WordPress.org forums.

    If you don’t understand the difference between WordPress.com and WordPress.org, you may find this information helpful.

    If you forgot to include a link to your blog, you can reply and include it below. It’ll help people to answer your question.

    This is an automated message.

  • Unknown's avatar
    timethief · Member ·

    That’s not a wordpress.com blog that your are referring to. This is the wordpress.com support forum. the correct form for those who have self hosted free software installs from worpress.org is here > http://wordpress.org/support/

  • Unknown's avatar
    radarlake2 · Member ·

    Thanks support bot (!) I will repost at wordpress.org

  • Unknown's avatar
    timethief · Member ·

    You’re welcome. :)

  • The topic ‘Captions fine in editor, don’t work when posted’ is closed to new replies.