Graphic layer table problem

[kiwidesign]

I have a website that requires an image to cross to cells of a table - I am unable to merge the cells due to other content.

I know how to achieve this by using css and absolute positioning, however what this seems to do is then turn the image into a layer which does not end up in the correct place on browsers other that internet explorer.

Is there any other way I can place the graphic where it needs to go and still have it look the same across browsers?

Any help would be greatly appreciated.

[zackattack]

Hi kiwidesign

Assign it as a background image to the table row using CSS and position as needed

tr.image {
background: url(image.gif) left top no-repeat;
}

if you get stuck let me know

ZA

[haggul]

Or slice the image up and insert into the cells accordingly - if the background idea doesn't work because the cells are on 2 rows.

[zackattack]

If the image is on two rows, then assign class to the table itself

table.image {
background: url(image.gif) top left no-repeat;
}

ZA

[kiwidesign]

Thanks heaps for your ideas - I will definately try them and let you know. Cheers.

[kiwidesign]

I ended up slicing the image and setting the parts as the background. It worked well. Thanks for the tip.