how do I get rid of the borders

[sonun]

I have three iamges which I want to place in three tables. Now the first image whould come in the first coulumn and the 2nd and 3rd shoudl come in the second column. I do not want any borders around them and want the images to merge.

I get the images ideally placed in konwuerer, but is messed upin navigator. In explorer also it has some problems. The first image is taller than the othre two in the next column.

Basicaly the first image is the logo. The next image which comes on the right occupies the top half and the lower half will conatin a list if links as the page shows.

Please advise.
Thanks.

 

[SashiRaveendran]

<table cellpadding=0 cellspacing=0>
<tr>
<td rowspan=2><img src=&quot;topleftimage.gif&quot;></td>
<td valign=top><img src=&quot;toprightimage.gif&quot;></td>
</tr><tr>
<td valign=bottom><img src=&quot;bottomrightimage.gif&quot;></td>
</tr>
</table>

 

[sonun]

I am sorry I forgot to put the link,

http://calamity.giccs.georgetown.edu/

Thanks.

 

[sonun]

and it is still a problem if you look at the link !!
Thanks.

 

[sonun]

How do I get all browsers in thw rold to act the same way. CSS of course, but how do I get the images to be displayed similarly all over.
Thanks.

 

[SashiRaveendran]

The page link you have given seems to be an internal address, i cannot view it. just submit the code for the table. FYI watchout using CSS cos some properties are not supported by all browsers so this does not mean just cos you use css it will look same in all browsers

 

[chorn]

td valign=bottom><img src=&quot;bottomrightimage.gif&quot; border=&quot;0&quot;></td>

 

[Guest_imported]

How bout something like this:

#outterframe {
height: whatever;
width: whatever;
}

#outterframe #innerleft {
height: 100%;
width: 40%;
}

#outterframe #innertopright {
height: 80%;

}
#outterframe #innerbotright {
height: 20%;
}

so you set up the outterframe to be the size of the whole picture, then embed the other items in the outterframe.