Can't get table to line up

Resolved

(@amckenziecaa)

Have tried a million things to get rid of the spaces in between rows. There must be something in the stylesheet somewhere overriding whatever I put. Do I need to put something in custom CSS? Help!

<table align="center" border="0" bordercolor="" style="background-color:0" width="100%" cellpadding="0" cellspacing="0" style="border-spacing: 0;">
	<tr  cellpadding="0" cellspacing="0" style="border-spacing: 0;line-height: 0;">
		<td><img src="http://communityagentadvisor.com/wp-content/uploads/11.gif"></td>
		<td><img src="http://communityagentadvisor.com/wp-content/uploads/21.gif"></td>
		<td><img src="http://communityagentadvisor.com/wp-content/uploads/31.gif"></td>
		<td><img src="http://communityagentadvisor.com/wp-content/uploads/41.gif"></td>
		<td><img src="http://communityagentadvisor.com/wp-content/uploads/51.gif"></td>
		<td><img src="http://communityagentadvisor.com/wp-content/uploads/61.gif"></td>
		<td><img src="http://communityagentadvisor.com/wp-content/uploads/71.gif"></td>
		<td><img src="http://communityagentadvisor.com/wp-content/uploads/81.gif"></td>
	</tr>
	<tr  cellpadding="0" cellspacing="0" style="border-spacing: 0;line-height: 0;">
		<td><a href="http://communityagentadvisor.com/web-development-and-maintenance/"><img src="http://communityagentadvisor.com/wp-content/uploads/91.gif"  align="absbottom" style="display:block;float:left"></a></td>
		<td><a href="http://communityagentadvisor.com/web-development-and-maintenance/"><img src="http://communityagentadvisor.com/wp-content/uploads/101.gif" style="display:block;float:left" align="absbottom"></a></td>
		<td><a href="http://communityagentadvisor.com/web-development-and-maintenance/"><img src="http://communityagentadvisor.com/wp-content/uploads/111.gif" style="display:block;float:left" align="absbottom"></a></td>
		<td><a href="http://communityagentadvisor.com/web-development-and-maintenance/"><img src="http://communityagentadvisor.com/wp-content/uploads/12.gif" style="display:block;float:left" align="absbottom"></a></td>
		<td><a href="http://communityagentadvisor.com/web-development-and-maintenance/"><img src="http://communityagentadvisor.com/wp-content/uploads/13.gif" style="display:block;float:left" align="absbottom"></a></td>
		<td><a href="http://communityagentadvisor.com/original-content-2/"><img src="http://communityagentadvisor.com/wp-content/uploads/14.gif" style="display:block;float:left" align="absbottom"></a></td>
		<td><a href="http://communityagentadvisor.com/original-content-2/"><img src="http://communityagentadvisor.com/wp-content/uploads/15.gif" style="display:block;float:left" align="absbottom"></a></td>
		<td><a href="http://communityagentadvisor.com/original-content-2/"><img src="http://communityagentadvisor.com/wp-content/uploads/16.gif" style="display:block;float:left" align="absbottom"></a></td>
	</tr>
	<tr>
		<td><img src="http://communityagentadvisor.com/wp-content/uploads/17.gif" style="display:block;float:left" align="absbottom"></td>
		<td><img src="http://communityagentadvisor.com/wp-content/uploads/18.gif" style="display:block;float:left" align="absbottom"></td>
		<td><img src="http://communityagentadvisor.com/wp-content/uploads/19.gif" style="display:block;float:left" align="absbottom"></td>
		<td><a href="http://communityagentadvisor.com/email-domain-hosting/"><img src="http://communityagentadvisor.com/wp-content/uploads/20.gif" style="display:block;float:left" align="absbottom"></a></td>
		<td><a href="http://communityagentadvisor.com/email-domain-hosting/"><img src="http://communityagentadvisor.com/wp-content/uploads/211.gif" style="display:block;float:left" align="absbottom"></a></td>
		<td><a href="http://communityagentadvisor.com/social-media-management/"><img src="http://communityagentadvisor.com/wp-content/uploads/321.gif" style="display:block;float:left" align="absbottom"></a></td>
		<td><a href="http://communityagentadvisor.com/social-media-management/"><img src="http://communityagentadvisor.com/wp-content/uploads/23.gif" style="display:block;float:left" align="absbottom"></a></td>
		<td><a href="http://communityagentadvisor.com/social-media-management/"><img src="http://communityagentadvisor.com/wp-content/uploads/24.gif" style="display:block;float:left" align="absbottom"></a></td>
	</tr>
	<tr>
		<td><img src="http://communityagentadvisor.com/wp-content/uploads/25.gif"></td>
		<td><img src="http://communityagentadvisor.com/wp-content/uploads/26.gif"></td>
		<td><img src="http://communityagentadvisor.com/wp-content/uploads/27.gif"></td>
		<td><img src="http://communityagentadvisor.com/wp-content/uploads/28.gif"></td>
		<td><img src="http://communityagentadvisor.com/wp-content/uploads/29.gif"></td>
		<td><img src="http://communityagentadvisor.com/wp-content/uploads/30.gif"></td>
		<td><img src="http://communityagentadvisor.com/wp-content/uploads/311.gif"></td>
		<td><img src="http://communityagentadvisor.com/wp-content/uploads/32.gif"></td>
	</tr>
	<tr>
		<td><a href="http://communityagentadvisor.com/wp-login.php?p2h24v1eqviavo6kgcw5c&action=register"><img src="http://communityagentadvisor.com/wp-content/uploads/33.gif"></a></td>
		<td><a href="http://communityagentadvisor.com/wp-login.php?p2h24v1eqviavo6kgcw5c&action=register"><img src="http://communityagentadvisor.com/wp-content/uploads/34.gif"></a></td>
		<td><a href="http://communityagentadvisor.com/wp-login.php?p2h24v1eqviavo6kgcw5c&action=register"><img src="http://communityagentadvisor.com/wp-content/uploads/35.gif"></a></td>
		<td><a href="http://communityagentadvisor.com/wp-login.php?p2h24v1eqviavo6kgcw5c&action=register"><img src="http://communityagentadvisor.com/wp-content/uploads/36.gif"></a></td>
		<td><a href="http://communityagentadvisor.com/contact-us/"><img src="http://communityagentadvisor.com/wp-content/uploads/37.gif"></a></td>
		<td><a href="http://communityagentadvisor.com/contact-us/"><img src="http://communityagentadvisor.com/wp-content/uploads/38.gif"></a></td>
		<td><a href="http://communityagentadvisor.com/contact-us/"><img src="http://communityagentadvisor.com/wp-content/uploads/39.gif"></a></td>
		<td><a href="http://communityagentadvisor.com/contact-us/"><img src="http://communityagentadvisor.com/wp-content/uploads/40.gif"></a></td>
	</tr>
</table>

Viewing 4 replies - 1 through 4 (of 4 total)

ElectricFeet
(@electricfeet)

10 years, 1 month ago

In general, you shouldn’t use tables for formatting text these days. Tables should only be used for tabular data.

This theme uses an underlying twitter bootstrap scaffolding, which you can use for complex grids. This ensures that it stays responsive, even on a small 320px-wide phone.

More details here.

If you can explain clearly what you’re trying to do, we can give you some pointers. For example: “I need a 12×4 grid followed by a single row then another grid, but this time 6×2” etc.

The twitter bootstrap has 12 columns, if you can manage to express what you need in multiples of 2,3,4,6,12 etc.

rdellconsulting
(@rdellconsulting)

10 years, 1 month ago

Link to site? (Tried the obvious but don’t see the table)

In the meantime, take a look at this Snippet. Using Bootstrap would be a better way than Tables.

ElectricFeet
(@electricfeet)

10 years, 1 month ago

I just realised: are you actually trying to set up an image-map with lots of squares? This really isn’t the way to do it.

The multiple-image approach will most likely not flow properly when users resize the screen, or they view it on mobile devices (where all the images will simply stack on top of each other).

Additionally, downloading multiple images will take a lot longer than downloading one.

If I understand what you’re trying to do, then you need to use the proper html, rather than build it yourself. Here’s a good example of an image-map, with clickable areas.

Thread Starter amckenziecaa
(@amckenziecaa)

10 years, 1 month ago

Thank you so, so much Electric Feet! That’s exactly what I need to do!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Can't get table to line up’ is closed to new replies.