Welcome to WebmasterWorld Guest from 18.204.48.199

Forum Moderators: open

Message Too Old, No Replies

Upload removes 1 pixel from html - why?!

     
12:55 pm on Sep 14, 2007 (gmt 0)

Full Member

10+ Year Member

joined:Mar 30, 2006
posts:333
votes: 0


The html code I've put together works fine in both IE and FF when offline. However once uploaded it seems to be removing one pixel of space from the right hand side of the top table. Meaning the border I have set up (that is coded over to seperate tables) is no longer in line.

What could be causing this to happen online but not on my computer?

I've tried loads of things but can't seem to get it to line up.

Any advice appreciated.

Code:

<center>

<table bgcolor="#990000" width=800 height="78" cellpadding="0" cellspacing="0"><tr><td width=286><img src=logo.png></td>

<td width=514><table bgcolor="white" width="100%" height="100%" cellpadding=0 cellspacing=0><tr><td bgcolor="white" height=100%></td><td bgcolor="white"></td></tr>
<tr><td width="100%" bgcolor="#990000" align=center>Free Trials Freebies Competitions Discount Codes Links FAQ</td><td width=20><img src=rcorner.png></td></tr></table>

</td>

</tr>
</table>

<table bgcolor="#990000" width=800 height=10 cellpadding=0 cellspacing=0><tr><td width=10></td><td bgcolor=white width=16><img src=insidelcorner.png></td>
<td bgcolor=white width=748></td><td bgcolor=white width=16><img src=insidercorner.png></td><td width=10></td></tr></table>
<table bgcolor="#990000" width=800 height=400 cellpadding=0 cellspacing=0><tr><td width=10></td><td bgcolor=white width=10></td>
<td bgcolor=white width=760></td><td bgcolor=white width=10</td><td width=10></td></tr></table>
<table bgcolor="#990000" width=800 height=10 cellpadding=0 cellspacing=0><tr><td width=10></td><td bgcolor=white width=16><img src=insidel2corner.png></td>
<td bgcolor=white width=748></td><td bgcolor=white width=16><img src=insider2corner.png></td><td width=10></td></tr></table>
<table bgcolor="#990000" width=800 height=30 cellpadding=0 cellspacing=0><tr><td width=25><img src=bottomleft.png></td>
<td width=750></td><td width=25><img src=bottomright.png></td></tr></table>

</center>

12:58 pm on Sept 14, 2007 (gmt 0)

Full Member

10+ Year Member

joined:Mar 30, 2006
posts:333
votes: 0


just to add - it is rcorner.png that moves one pixel to the left when uploaded.
1:06 pm on Sept 14, 2007 (gmt 0)

Senior Member

WebmasterWorld Senior Member penders is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:July 3, 2006
posts: 3153
votes: 7


When offline are you running in a webserver?

Are you using framed domain forwarding, so your page when online is actually contained in another window?!

Is your host returning a different Content-Type header to what you are serving when offline?

1:08 pm on Sept 14, 2007 (gmt 0)

Full Member

10+ Year Member

joined:Mar 30, 2006
posts:333
votes: 0


not using a webserver offline. simply looking at html pages through my folders.

My host is 3ix and don't see why they would be any kind of frames set up.

And not sure about content header. I wouldnt have thought my host adds anything I don't put there!

1:30 pm on Sept 14, 2007 (gmt 0)

Senior Member

WebmasterWorld Senior Member penders is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:July 3, 2006
posts: 3153
votes: 7


...don't see why they would be any kind of frames set up.

Only if you were possibly forwarding one domain to another.

And not sure about content header. I wouldnt have thought my host adds anything I don't put there!

Do you specify a Content-Type META element, of the form:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

...or similar.

If not then the server should be, and if it's different to what your browser uses locally (it might be utf-8) then your text/spacing could be slightly different?!

Are you using any 3rd party browser stats? This could be injecting a single pixel gif into the page in order to get some browser usage stats?!

These are wild stabs in the dark btw (if you hadn't guessed)!

1:39 pm on Sept 14, 2007 (gmt 0)

Full Member

10+ Year Member

joined:Mar 30, 2006
posts:333
votes: 0


Do you specify a Content-Type META element, of the form:
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
...or similar.

I wasn't but I have added it and has made no difference.

Frames - no I haven't added any of these. The page is really simple with nothing on other than what you see and a little css. I'm still working on the template for the site!

I've put my uploads on automatic on my ftp - not ansi etc. While i am saving my .html as ansi in notepad.... would this cause the difference when i upload?

and not using any stats system.

1:41 pm on Sept 14, 2007 (gmt 0)

Junior Member

10+ Year Member

joined:Feb 17, 2003
posts:76
votes: 0


Have you uploaded the image? :)
1:44 pm on Sept 14, 2007 (gmt 0)

Full Member

10+ Year Member

joined:Mar 30, 2006
posts:333
votes: 0


Yep all images uploaded - but good thinking! lol
1:45 pm on Sept 14, 2007 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month

joined:Sept 4, 2001
posts: 2297
votes: 100


Another stab in the dark/suggestion:

Specify the size of your images.

Add CSS: img {border:0;padding:0;} You could also add to that border:none; just to be safe.

I am assuming the code you provided is an exact copy of your page. if not, make sure there is no gap between <td><img></td>.

Marshall

[edit]missed a : Oops![/edit]

[edited by: Marshall at 1:46 pm (utc) on Sep. 14, 2007]

1:54 pm on Sept 14, 2007 (gmt 0)

Full Member

10+ Year Member

joined:Mar 30, 2006
posts:333
votes: 0


added the css to img border etc and nothing changed.

Having said that it isn't making any chance when I change it to border:1; either.

[edited by: Rightz at 1:59 pm (utc) on Sep. 14, 2007]

2:00 pm on Sept 14, 2007 (gmt 0)

Senior Member

WebmasterWorld Senior Member penders is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:July 3, 2006
posts: 3153
votes: 7


Recheck your image to make sure that there isn't in fact a 1px white edge on the right of your image! ;)
2:03 pm on Sept 14, 2007 (gmt 0)

Full Member

10+ Year Member

joined:Mar 30, 2006
posts:333
votes: 0


Annoyingly that was the first thing I checked - but obviously not well enough must have uploaded wrong version.

PROBLEM SOLVED : STUPIDITY LEVEL - HIGH!