WordPress.com

1. shane3x
   Member
   Oct 5, 2010, 10:50 AM

   In previous themes I have used the code listed below all the images were a lot closer together. In my current theme they are spaced out a lot more as the link will show:

   http://img440.imageshack.us/img440/5222/connectw.png

   Could someone please help me modify my code so the images are not so far apart from each other. I wouldn't really have an idea of how to do this particular request. Thank you in advance for any help given.

   <table><br /> <tr></p> <p><td><a href="http://www.youtube.com/subscription_center?add_user=mygamersofficial" title="Keep Updated On When New Videos Are Uploaded"><p style="margin-bottom:-2px;"><img src="http://shane3x.files.wordpress.com/2010/10/youtube-icon.gif" alt="YouTube Icon" /></p></a></td></p> <p><td><a href="http://twitter.com/mygamersnews" title="Follow Us On Twitter"><p style="margin-bottom:-2px;"><img src="http://shane3x.files.wordpress.com/2010/10/twitter.png" alt="Twitter Icon" /></p></a></td></p> <p><td><a href="http://www.facebook.com/?ref=logo#!/pages/My-Gamers/154825394545029" title="Like Us On FaceBook"><p style="margin-bottom:-2px;"><img src="http://shane3x.files.wordpress.com/2010/10/iconfacebook32x32.png" alt="FaceBook Icon" /></p></a></td></p> <p><td><a href="http://steamcommunity.com/groups/MyGamersOfficial" title="Chat With New Friends On Steam"><p style="margin-bottom:-2px;"><img src="http://shane3x.files.wordpress.com/2010/10/1901__steam_icon.png" alt="Steam Icon" /></p></a></td></p> <p><td><a href="http://www.ustream.tv/channel/my-gamers-weekly" title="Live Video Stream Every Week"><p style="margin-bottom:-2px;"><img src="http://shane3x.files.wordpress.com/2010/10/ustream_32.png" alt="UStream Icon" /></p></a></td></p> <p><td><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=7T5HAY6JBF2QL&lc=AU&item_name=My%20Gamers%20%28Shane%29&currency_code=USD&bn=PP%2dDonationsBF%3abtn_donateCC_LG%2egif%3aNonHosted" title="Donations Of Any Amount Are Greatly Appreciated"><p style="margin-bottom:-2px;"><img src="http://shane3x.files.wordpress.com/2010/10/images.jpg" alt="Feedburner Icon" /></p></a></td></p> <p></tr><br /> </table><br />

   The blog I need help with is shane3x.com.

2. dekyi
   Member
   Oct 5, 2010, 12:00 PM

   These might be of interest to you:
   http://lyricslight.com/category/interesting

3. airodyssey
   Member
   Oct 5, 2010, 12:30 PM

   @dekyi: That article is about keyboard shortcuts on Microsoft Office. I don't see what it has to do with his question about HTML...

4. shane3x
   Member
   Oct 5, 2010, 1:31 PM

   If you change

   <p style="margin-bottom:-2px;

   to

   <p style="margin-right:-20px;

   You should fix the problem I was having on the paperpunch theme. Now if I could just get the entire table to centre.

5. panaghiotisadam
   Member
   Oct 5, 2010, 3:31 PM

   a) You don't need class="center" or whatever in the image codes.

   b) To change image margins, you don't need extra p tags; you write:
   <img style="margin-right:-20px;" src=[etc.]

   c) But the CSS of the theme specifies an 8px horizontal padding for each table cell; so the best way to bring the images closer is to specify the padding you want for each td.

   d) Table alignment doesn't seem to work in this theme, so you need to enclose the table in a centered div.

   In all:
   

   <div align="center">
   <table style="margin-top:7px;">
   <tr>
   <td style="padding:2px;">IMAGE1 CODE</td>
   <td style="padding:2px;">IMAGE2 CODE</td>
   <td style="padding:2px;">IMAGE3 CODE</td>
   <td style="padding:2px;">IMAGE4 CODE</td>
   <td style="padding:2px;">IMAGE5 CODE</td>
   <td style="padding:2px;">IMAGE6 CODE</td>
   </tr>
   </table>
   </div>

   (Image codes without negative margins.)

Topic Closed

This topic has been closed to new replies.