Why is "alignleft" acting buggy inside my text widget?

• 

  managingthemagic · Member · Mar 20, 2013 at 3:32 am

  • Copy link
  • Add topic to favorites

  I’m having a problem with “alignleft” inside the simple text widget for my sidebar. I’m making a short list of 5 thumbnail pics next to associated text (links to best blog posts), and I use “alignleft” inside each <img src> code to make sure the pic stays on the left and the text is padded a bit to the right.

  The problem is as I go down the list, on line 3 or 4 the output starts indenting the pictures a bit to the right like a cascading outline …. I just want them all justified completely to the left of the text box. This is what I mean:

  https://thiswildwakingjourney.wordpress.com/

  See the sidebar widget “POSTS”

  Please Help!!!

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

• 

  managingthemagic · Member · Mar 20, 2013 at 3:39 am

  • Copy link

  actually it’s “POPULAR POSTS” … you can see the last row is indented a bit to the right by the ‘ class=”alignleft” ‘ code. WTF?!?!

  Thanks in advance for any help!!

• 

  1tess · Moderator Emeritus · Mar 20, 2013 at 4:02 am

  • Copy link

  You are using a text widget to put that “Popular Posts” widget into your sidebar.

  The image-and-text “You Can’t Push The River” pair is acting as it should. With the other pairs in that text widger, your text is longer (or the probably by luck) the right length so that the following image-text pair won’t wrap around the previous image-text pair.

  You need this code in your text widget in the html/text editor below “You Can’t Push The River” so the last image-text pair (http://thiswildwakingjourney.files.wordpress.com/2012/07/img_60612.jpg and its paired text) won’t wrap around the left-aligned image-text pair above:
  <br: style="clear:both;"></br>

  If you change that text widget occasionally, and perhaps not have much text next to the leftalign image, that code should also keep the image-text pairs separated.

• 

  managingthemagic · Member · Mar 20, 2013 at 5:12 am

  • Copy link

  Tess you’re awesome. THANK YOU!!!!! That worked.

• 

  1tess · Moderator Emeritus · Mar 20, 2013 at 5:16 am

  • Copy link

  You are most welcome! That code also works in posts and pages where you have left or right aligned pictures paired with text. It’s very handy.

  Thanks for letting me know it worked!

• 

  managingthemagic · Member · Mar 20, 2013 at 5:31 am

  • Copy link

  its a big help. that stumped me for two hours and i couldn’t figure it out. such a small detail, taking so much time … ahhhhhh the computer age! thanks again.

• 

  1tess · Moderator Emeritus · Mar 20, 2013 at 6:57 am

  • Copy link

  You are welcome!
  Happy blogging…