Need a bit of code help.

shane3x · Member · Oct 5, 2010 at 10:50 am
Copy link

Add topic to favorites
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:

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> <tr>

<td><p style="margin-bottom:-2px;"><img src="http://shane3x.files.wordpress.com/2010/10/youtube-icon.gif" alt="YouTube Icon" /></p></td>

<td><p style="margin-bottom:-2px;"><img src="http://shane3x.files.wordpress.com/2010/10/twitter.png" alt="Twitter Icon" /></p></td>

<td><p style="margin-bottom:-2px;"><img src="http://shane3x.files.wordpress.com/2010/10/iconfacebook32x32.png" alt="FaceBook Icon" /></p></td>

<td><p style="margin-bottom:-2px;"><img src="http://shane3x.files.wordpress.com/2010/10/1901__steam_icon.png" alt="Steam Icon" /></p></td>

<td><p style="margin-bottom:-2px;"><img src="http://shane3x.files.wordpress.com/2010/10/ustream_32.png" alt="UStream Icon" /></p></td>

<td><p style="margin-bottom:-2px;"><img src="http://shane3x.files.wordpress.com/2010/10/images.jpg" alt="Feedburner Icon" /></p></td>

</tr>
</table>

The blog I need help with is: (visible only to logged in users)
tespu · Member · Oct 5, 2010 at 12:00 pm
Copy link
These might be of interest to you:
http://lyricslight.com/category/interesting
airodyssey · Member · Oct 5, 2010 at 12:30 pm
Copy link
@dekyi: That article is about keyboard shortcuts on Microsoft Office. I don’t see what it has to do with his question about HTML…
shane3x · Member · Oct 5, 2010 at 1:31 pm
Copy link
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.
panaghiotisadam · Member · Oct 5, 2010 at 3:31 pm
Copy link
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.)

No items found.