Images moving

This is a discussion on "Images moving" within the Web Page Design section. This forum, and the thread "Images moving are both part of the Design Your Website category.



 Subscribe in a reader

Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices


Reply
 
LinkBack Thread Tools
  #1  
Old May 21st, 2007, 20:02
Junior Member
Join Date: May 2007
Location: london
Age: 26
Posts: 33
Thanks: 0
Thanked 0 Times in 0 Posts
Images moving

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>
Attached Files
File Type: txt help.txt (731 Bytes, 24 views)

Last edited by Lchad; May 22nd, 2007 at 13:01. Reason: added code tags for ya!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote

  #2  
Old May 21st, 2007, 22:10
Jack Franklin's Avatar
Moderator

SuperMember
Join Date: May 2007
Location: Cornwall, England
Posts: 1,402
Blog Entries: 8
Thanks: 18
Thanked 14 Times in 14 Posts
Re: Images moving

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
Last Blog Entry: A Week with VBulletin (Aug 28th, 2008)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old May 21st, 2007, 22:22
Elite Veteran
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Images moving

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>
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #4  
Old May 21st, 2007, 22:42
Ryan Fait's Avatar
Elite Veteran
Join Date: May 2006
Location: Las Vegas
Posts: 3,787
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Images moving

There's no gap for me.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #5  
Old May 21st, 2007, 22:58
Elite Veteran
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Images moving

The ever annoying IE had a gap!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #6  
Old May 22nd, 2007, 03:04
Reputable Member
Join Date: Dec 2005
Location: Texas
Age: 19
Posts: 328
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Images moving

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
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

Tags
images

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

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


All times are GMT. The time now is 20:04.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42