Sliced images in a table help... plz.

illaia · #1 Jun 29th, 2008, 23:34

Hi everyone,
I use GIMP to slice my images.. and when I put them in a table, the rows are fine, the columns are fine.. but I always end up with a stupid space between rows. And it's driving me nutz! If anyone can shed some light on this, I would really appreciate it. Thank you! I've attached the code I'm using below.

HTML: Select all

<table cellpadding="0" border="0" cellspacing="0" height="224" width="270">
  <tr>
    <td><img src="coit_0_0.png"  style="width: 89.5px; height: 74.5px; border-width: 0px;"></td>
    <td><img src="coit_0_1.png"  style="width: 89.5px; height: 74.5px; border-width: 0px;"></td>
    <td><img src="coit_0_2.png"  style="width: 90px; height: 74px; border-width: 0px;"></td>
</tr>
<tr>
<td><img src="coit_1_0.png"  style="width: 89.5px; height: 74.5px; border-width: 0px;"></td>
    <td><img src="coit_1_1.png"  style="width: 89.5px; height: 74.5px; border-width: 0px;"></td>
    <td><img src="coit_1_2.png"  style="width: 90px; height: 74px; border-width: 0px;"></td>
</tr>
<tr>
<td><img src="coit_2_0.png"  style="width: 89.5px; height: 74.5px; border-width: 0px;"></td>
    <td><img src="coit_2_1.png"  style="width: 89.5px; height: 74.5px; border-width: 0px;"></td>
    <td><img src="coit_2_2.png"  style="width: 90px; height: 74px; border-width: 0px;"></td>
</tr>
</table>

Bocaj · #2 Jun 30th, 2008, 00:04

I would guess the half pixels are you culpret, try rounding them up.

I don't believe you can have half a pixel (which is why some fonts don't scale well).

Code: Select all

<table cellpadding="0" border="0" cellspacing="0" height="224" width="270">
  <tr>
    <td><img src="coit_0_0.png"  style="width: 89.5px; height: 74.5px; border-width: 0px;"></td>
    <td><img src="coit_0_1.png"  style="width: 89.5px; height: 74.5px; border-width: 0px;"></td>
    <td><img src="coit_0_2.png"  style="width: 90px; height: 74px; border-width: 0px;"></td>

Take that add the widths up (89.5 x 2 + 90 = 269) and the table width is 270, leaving a 1 pixel gap for whitespace.

Same with the hieght, all your .5's need to be rounded up.

PS. I may be wrong, i'm aweful with tables and it's late, but i believe if that's not the answer... it's a good starting point.

illaia · #3 Jul 4th, 2008, 04:31

Unfortunately, it still didn't work. I'm wondering if perhaps the pic gets a border when it gets sliced...

Bocaj · #4 Jul 4th, 2008, 13:18

Do you have a link to a page i could look at?

Would make things easier

illaia · #5 Jul 8th, 2008, 04:07

Hi! Thanks for the help! You can check out a test page here.

illaia · #6 Jul 8th, 2008, 16:45

How do you like that? I went to work where we have IE7 and the sliced image looks fine. I wonder why it looks so weird in Safari and Firefox....

Does anyone know how I can make it look right in the major platforms? Thanks!

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Table Images not Aligning	Syody	Web Page Design	1	Jul 27th, 2006 07:36
Need to align width of Float table with the table below	Vertabase	Web Page Design	4	Mar 8th, 2006 21:21
Table backgroud images and browsers	digi-phil	Web Page Design	6	Jan 7th, 2006 18:48
table stretched by images	beforedawn	Web Page Design	5	Jan 29th, 2004 13:43

		Webforumz.com > Main Forums > Design Your Website > Graphics and 3D
Sliced images in a table help... plz.

The Following User Says Thank You to Bocaj For This Useful Post:
illaia