Something is totall wonky with my blog – can you please check out?

• 

  allegrator · Member · May 7, 2009 at 11:53 am

  • Copy link
  • Add topic to favorites

  Does my site look wonky to you? All of a sudden one of the posts has spread up into the right column, the alignment is off in the shadow bar for the first post, the sidebar is waay down on the bottom left. Help!

  http://awesomeasaone.wordpress.com

  The blog I need help with is: (visible only to logged in users)

• 

  1tess · Moderator Emeritus · May 7, 2009 at 12:25 pm

  • Copy link

  allegrator
  It’s the caption feature that is breaking your theme—post from 6 May. You can see the grey extending behind your pictures? Edit the post by removing captions, then make sure the pics are on separate lines in the html editor. Add captions again. When using captions on multiple pictures of a post, it’s best to add all the images first, get them aligned and spaced as you like. Then go back and type in captions so you are sure all the html tags are closed between pics.

• 

  allegrator · Member · May 7, 2009 at 12:41 pm

  • Copy link

  You’re awesome – thank you. I am super unfamiliar with HTML, so when I look at the code I’m not sure what “phrase” marks the beginning of a photo? I did remove the captions, which worked, but I’m not sure how to make sure they photos are on separate lines because, as mentioned, I’m not sure where each photo begins in the code…?

• 

  1tess · Moderator Emeritus · May 7, 2009 at 1:01 pm

  • Copy link

  Sure. First is one of yours. All safe and sound separated from the others:

  <img class="size-medium wp-image-327 aligncenter" title="dsc_01961" src="http://awesomeasaone.files.wordpress.com/2009/05/dsc_01961.jpg?w=300&h=198" alt="Mantle and Fireplace" width="300" height="198" />

  or a general code for a picture:

  <img src="URL_OF_IMAGE"/>

  And just in case you make the pic link to a larger version of itstelf:

  <img src=”URL_OF_IMAGE”/>`

  Notice the < a and a /a > parts? That code would be for an image that opens in a new window, with a lot of stuff between the a’s.

• 

  1tess · Moderator Emeritus · May 7, 2009 at 1:02 pm

  • Copy link

  oops:
  <a href="URL_OF_WEBSITE" target="_blank"><img src="URL_OF_IMAGE"/></a>
  Notice the < a and a /a > parts? That code would be for an image that opens in a new window, with a lot of stuff between the a’s.

• 

  allegrator · Member · May 7, 2009 at 1:31 pm

  • Copy link

  Thanks again, so much — I will check all of that out!!

• 

  1tess · Moderator Emeritus · May 7, 2009 at 1:33 pm

  • Copy link

  From looking at your source code, I don’t think you will have a problem now.

• 

  allegrator · Member · May 7, 2009 at 1:36 pm

  • Copy link

  Okay…what is this in front of every image code, then: <p style=”text-align:center;”> ?

• 

  1tess · Moderator Emeritus · May 7, 2009 at 1:56 pm

  • Copy link

  The p’s mean paragraphs, aligned center. That’s good: It is telling the browser that the pictures are in separate paragraphs! It will help keep your captions from mixing together again. Just use the visual editor and edit picture thing to add your captions.