Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter William Bowles

    (@creative-i)

    Okay, the only way I can put a space between the title and the image is to insert a <p> at the end of the title! But surely there should be a way of doing this without putting code into the title?

    B

    After observing your code,

    <div class="entry">
    <div id="attachment_656" class="wp-caption aligncenter" style="width: 370px">
    <a href="http://www.creative-i.info/wp-content/uploads/2008/09/men_snatcher1.gif"><img class="size-full wp-image-656" title="men_snatcher1" src="http://www.creative-i.info/wp-content/uploads/2008/09/men_snatcher1.gif" alt="Men Snatcher" width="360" height="473" /></a>
    <p class="wp-caption-text">Men Snatcher
    </div>
    19 September - 31 October 2008

    I would double check on the each of the classes, “”wp-caption aligncenter” and “class=”size-full wp-image-656”

    Even though one may be declaring the aligcenter, the other might be overwriting this.

    If you want, you can try inputting this code when you post

    <div id="attachment_656" class="wp-caption aligncenter" style="width: 370px">
    <a href="http://www.creative-i.info/wp-content/uploads/2008/09/men_snatcher1.gif">
    <div align="center">
    <img class="size-full wp-image-656" title="men_snatcher1" src="http://www.creative-i.info/wp-content/uploads/2008/09/men_snatcher1.gif" alt="Men Snatcher" width="360" height="473" /></div></a>
    <p class="wp-caption-text">Men Snatcher
    </div>
    19 September - 31 October 2008

    If this doesn’t work, try making a parent div tag:

    <div align=”center”>

    <div id="attachment_656" class="wp-caption aligncenter" style="width: 370px">
    <a href="http://www.creative-i.info/wp-content/uploads/2008/09/men_snatcher1.gif">
    <img class="size-full wp-image-656" title="men_snatcher1" src="http://www.creative-i.info/wp-content/uploads/2008/09/men_snatcher1.gif" alt="Men Snatcher" width="360" height="473" /></a>
    <p class="wp-caption-text">Men Snatcher
    </div>
    19 September - 31 October 2008

    </div>

    Keep in mind, the 2nd method would align everything to center.

    Thread Starter William Bowles

    (@creative-i)

    Hi,
    Okay thanks, I’ll try it but even so the code I posted is generated by WP not me, so it still points to some kind of bug in the WP editor?

    And, as I mentioned, the alignment is correct in the editor.

    B

    Thread Starter William Bowles

    (@creative-i)

    Okay, tried the second option and it made no difference.

    B

    Sorry, I posted it wrong and I’m not sure if you caught it or not. It’s suppose to be

    <div align="center">
    <div id="attachment_656" class="wp-caption aligncenter" style="width: 370px">
    <a href="http://www.creative-i.info/wp-content/uploads/2008/09/men_snatcher1.gif">
    <img class="size-full wp-image-656" title="men_snatcher1" src="http://www.creative-i.info/wp-content/uploads/2008/09/men_snatcher1.gif" alt="Men Snatcher" width="360" height="473" /></a>
    <p class="wp-caption-text">Men Snatcher
    </div>
    19 September - 31 October 2008
    </div>
    Thread Starter William Bowles

    (@creative-i)

    Still doesn’t work and now, in the editor, the image is aligned left

    B

    You should go through all the css coding that is referenced in the tags around that picture. Keep checking out all the css, going up till you hit a top level in which you know it couldn’t be affecting your image alignment.

    A test you can do to eliminate possible theme bugs, try posting a new post with a new picture. Center the picture. And switch themes to a default theme to see if it changes or not.

    If not, just go back and check the classes as I said earlier.

    It appears this still a problem in 2.8.3. Specifically, when I have a Full-Size image showing, and a caption, an aligncenter still aligns left.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Editing Bug in 2.6.2 when trying to align images?’ is closed to new replies.