Extra space - I don't get it...?

[LabelKing]

I don't get it. I put a 222 pixel wide image into a <TD> cell and it adds a huge space on the right which I can't get rid of and have no idea why it's doing it...

Take a look at the attachement (border="1" so you can see what's going on). The top picture is with the image, which uses the following code for that cell -

<TD>
<IMG SRC="../18508-black-clear-polyester.gif" ALT="DYMO RhinoPRO 9mm Black/Clear Polyester Label (18508)" BORDER=0 HEIGHT=75 WIDTH=222 NETQUOTEVAR:OTHERIMAGEMARKUP>
</TD>

(it does the same thing if I take all the extra info out and just use the 'src' attribute on it's own)

The 2nd picture is what happens if I replace that code with this -

<td>&nbsp;</td>

The graphic itself is 222 wide and has no white space in it. I added the 'nowrap' command to the cell with the long description hoping it would squash out the white space but all it does is force the page wider!

So any ideas why adding a simple graphic into this cell results in the huge white space next to it...?

[Darren B]

do you have a url that this can be seen on, im guessing that something else is effecting the appearance

just noticed, should the code not be width="220" your missing the "

[LabelKing]

I've uploaded the page to here -

http://www.rhinopro.co.uk/rhinotemp.html

just noticed, should the code not be width="220" your missing the "

I would have thought so but I have no control over that, in the template it is...

NETQUOTEVAR:IMAGEHEIGHT
NETQUOTEVAR:IMAGEWIDTH

... and if I leave the size attributes out I still get the same effect.

[Duncan Rounding]

This only in IE, FF3 is fine. Sorry don't have time to look now but likely due to some incomplete or 'incorrectly formed' tag.

[Darren B]

ok i missed this was a v7 thread, i am very rusty with v7 and the templates but you are seeing is a difference between ie and ff, looks fine in ff but i can now see your problem having loaded it under ie

Rigth i am no expert with tables but have you got the img in the wrong place in your layout, its before the colspan

im sure someone with more experience will be along to correct me though

[Darren B]

i see duncan had already replied while i was trying to spot the problem

[LabelKing]

Rigth i am no expert with tables but have you got the img in the wrong place in your layout, its before the colspan

I'm not sure why that would make any difference? the colspan in the 2nd <TD> is because in the next row there are 3 columns instead of 2, so the colspan has to be in the 2nd cell (of the first row) to get the desired effect (that the 2nd and 3rd columns in the 2nd row are part of the 2nd column in the 1st row). (wow that's was confusing to write!)

[Darren B]

As i said "I am no expert with tables" i was just making a quick observation of your code.

[Mark H]

John - have you tried taking just NETQUOTEVAR:OTHERIMAGEMARKUP out of the template temporarily?

[LabelKing]

ok thanks.

yes, I've removed that.

I seem to have just found the problem, but still trying to figure out why (it should work!) and how to fix it.

The problem appears to be in the yellow block above that section (the one with all the ticks in). if I remove it the space disappears. however, not sure why at the moment - that is in it's own table contained within a <td> cell with a colspan of 3...

[LabelKing]

ok, fixed it. I found it through trial and error (deleting stuff til the problem went away), the fix was to close of the table and reopend a new one, strangley I only had to do this once at the top rather than for each section...

[Darren B]

Glad its sorted, the best i could come up with was to add this the the TD width="222" align="center"

seemed to partially fix it

D

[LabelKing]

I wonder why actinic misses out the quotes...? ho hum. Thanks for taking a look.

[Duncan Rounding]

I wonder why actinic misses out the quotes...?...

The time v7 came out there was less 'conforming to standards'. With newer browsers it is becoming more important, but as you can see in this case it still works fine.