Images moving

notagz1 · #1 (**permalink**) May 21st, 2007, 20:02

My site works fine in FF and does`nt work find in I.E..

It sould look like a box, but there is a 1px gap how do i get rid of the 1px gap..

Here is the site

http://www.geocities.com/stevengarner2/test/latest.html

Just cut and pastle the siite, into a brwoswer..

Here is the code.

Code: Select all

 
<html>
<head>
<title> Latest</title>
<style sheet="text/css">
body{
background-color: #FFF000;
}
</style>
</head>

<bgcolor #CCCFFF>
<table width="100%" height="0" cellpadding="0" cellspacing="0" border="0">
<table cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="top-left.gif"></td>
<td><img src="top-centre.gif">
</td>
<td>
<img src="top-right.gif">
</td>
</tr>

<tr><td>
<img src="left-centre.gif"></td>
<td align="top">This is the centre</td>
<td><img src="right-centre.gif"></td>
</tr>
<table width="0%" cellpadding="0" cellspacing="0">
<tr>
<td><img src="lates-1-left.gif"></td>
<td><img src="lates-1.gif"></td>
</tr>
</table>
</table>
</table>
</body>
</html>

Any help would be fine..
Thanks

<notagz>

Jack Franklin · #2 (**permalink**) May 21st, 2007, 22:10

In the css you can use a hack. Not the best way, and I'm sure other members will know better ways. But, because you are just using tables, and very very little CSS, I dont know what to suggest. Switching to CSS and leaving tables behind is maybe the best solution?

Curved Corners using Bullet Points: http://www.cssplay.co.uk/boxes/curves.html
Curved Corners using Images:
http://www.sitepoint.com/article/css...s-boxes-curves

Lchad · #3 (**permalink**) May 21st, 2007, 22:22

try setting a height and width for each image. That might fix it.

Code: Select all

 <td>
<img src="top-left.gif" width="300px" height="10px"></td>

Ryan Fait · #4 (**permalink**) May 21st, 2007, 22:42

There's no gap for me.

Lchad · #5 (**permalink**) May 21st, 2007, 22:58

The ever annoying IE had a gap!

daygon · #6 (**permalink**) May 22nd, 2007, 03:04

1st can i ask tat if you're going to put code in that you use the [code] tag.
also yeah you might have to use the convenient IE hack to solve this issue and i would try not using tables.

Tables=Data
not Tables=whole web site design
CSS= whole website design

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Moving Nav bar	acrikey	Web Page Design	5	Sep 26th, 2007 13:37
From still images to moving	pa007	Flash & Multimedia Forum	2	Aug 27th, 2007 15:36
Moving	Ryan Fait	Webforumz Cafe	36	Jun 12th, 2007 22:55
Moving images jerky	artdog	Flash & Multimedia Forum	10	Sep 13th, 2006 12:58

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Images moving