How do I?

• 

  madcarole · Member · Jun 4, 2009 at 7:58 pm

  • Copy link
  • Add topic to favorites

  Put a margin between the feet and the text in a grid I did on my Getting Better page, because they’re too close

  Thanks Carole x

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

• 

  raincoaster · Member · Jun 4, 2009 at 10:32 pm

  • Copy link

  Please give us a link to the post.

• 

  madcarole · Member · Jun 4, 2009 at 11:23 pm

  • Copy link

  Sorry here it is http://madcarole.wordpress.com/about/recovering-from-depression/

  Thank you Carole xx

• 

  raincoaster · Member · Jun 4, 2009 at 11:30 pm

  • Copy link

  I always put 10px horizontal space around my images. See here:

  Image Settings – Titles, Descriptions, Captions, etc.

  That’ll give your images and text some breathing room.

• 

  panaghiotisadam · Member · Jun 5, 2009 at 12:27 am

  • Copy link

  Where did you paste that from? It’s got heaps of junk code. Also, it may look ok in a fixed-size document, but it’s not ok in a browser window, plus you’re using a flexible-width theme, which further complicates things (check what happens if you drag the browser window to make it narrower).

  One solution (paste this in your html post editor):

  <div style="float:left;width:50px;">
  <table border="0">
  <tr><td>
  <img src="http://madcarole.files.wordpress.com/2009/06/th_1194984778189639209right_foot_print_thumb21.png" />
  </td><td>&nbsp;</td></tr>
  <tr><td>Small<br />steps</td><td>
  <img src="http://madcarole.files.wordpress.com/2009/06/th_1194984776763627730left_foot_print__thumb21.png" />
  </td></tr>
  </table>
  </div>
  <div style="float:right;width:80%;">
  
  TEXT_HERE
  
  <div style="position:relative;bottom:150px;left:-25%;">
  <table border="0">
  <tr><td>
  <img src="http://madcarole.files.wordpress.com/2009/06/th_1194984778189639209right_foot_print_thumb21.png" />
  </td><td>&nbsp;</td></tr>
  <tr><td>
  Day<br />by<br />Day</td><td>
  <img src="http://madcarole.files.wordpress.com/2009/06/th_1194984776763627730left_foot_print__thumb21.png" />
  </td></tr>
  </table>
  </div>
  </div>

  (If you need an explanation, that’s a table with the first set of footprints floating left, then the text floating right, then another table with the second set of footprints to the left of the end of the text column.)

  Things would have been a lot simpler if each set of footprints plus legend was one image.

• 

  madcarole · Member · Jun 5, 2009 at 1:24 pm

  • Copy link

  Thank you so very very much Adam :) and thank you too Raincoaster for all your help

  Hugs Carole x