Coding Help!

• 

  surfingchillwaves · Member · Sep 22, 2011 at 5:29 am

  • Copy link
  • Add topic to favorites

  Hey y’all. I found this code posted on this forum a while back and am trying to edit a bit.

  <div style=”text-align:center;”><img style=”padding-right:20px;” title=”” src=”SOURCE” alt=”” width=”64″ height=”64″ /><img style=”padding-right:20px;” title=”” src=”SOURCE” alt=”” width=”64″ height=”64″ /><img style=”padding-right:20px;” src=”SOURCE” alt=”” width=”64″ height=”64″ /><img style=”padding-right:20px;” src=”SOURCE” alt=”” width=”64″ height=”64″ /></div>

  I want to have the link image to be centered in the boxes. I’m not very good at this sort of thing so please be as detailed as possible in your responses.

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

• 

  surfingchillwaves · Member · Sep 22, 2011 at 5:30 am

  • Copy link

  Ignore the links in the quote. Here is a link to my blog if it helps:

  http://surfingchillwaves.wordpress.com/

• 

  panaghiotisadam · Member · Sep 22, 2011 at 8:17 am

  • Copy link

  I suppose you mean the images here:
  http://surfingchillwaves.wordpress.com/links/

  Padding-right adds extra space to the right of each image. If what you want is an equal amount of white space around all sides of each image, change padding-right to just padding, and change the px number that folllows to adjust how much that space will be. If you want just the little bit of white each image already has, delete this altogether:
  style="padding-right:20px;"

  Or would you like to get rid of the grey frame?

• 

  surfingchillwaves · Member · Sep 22, 2011 at 6:07 pm

  • Copy link

  I just wanted to center the images. Thanks!