I am trying to create a frame around my text by using images. I have four corner images, a top image, left, right and a bottom image. I assemble the whole lot of them by using tables. The corner images go in their own cells, and the sides of the frame are created by using side images as backgrounds to their cells, so that they cover the whole cell no matter how long it is. I know, it sounds confusing. Here is what i am trying to do:<br />
<br />
<!-- m --><a class="postlink" href="http://eclipse.net/~karayan/test.htm">http://eclipse.net/~karayan/test.htm</a><!-- m --> <br />
<br />
As you notice the idea failed. First, the background images on the top, bottom and sides failed to join properly (as they repeated until the whol cell is covered). There are borders added between the images by IE. Then the corner cells fail also, as they have borders around the images even though I am using <img border='0'....> tags. So instead of a nice continuous frame, I get something chopped up.<br />
<br />
Any clue how to fix this?<br />
<br />
Thanks.<br />
<br />
P.S.: The images have no borders in themselves. When I assemble them using graphic programs, they form a nice continuous frame. So, it is IE that adds the gaps.<!--content-->Hi<br />
<br />
You have a typo in your table tag.<br />
<table width='100%' border='0' cellpading='0' cellspacing='0'><br />
<br />
cellpading='0' should be cellpadding='0'<br />
<br />
Andy<br />
<br />
----------<br />
<!-- m --><a class="postlink" href="http://www.webdevtips.com">http://www.webdevtips.com</a><!-- m --><br />
----------<!--content-->If you don't want the extra line of color around along rows, you need to change your width/height specs. For example the top images is 19X18 not 19X19 as specified in your source, this would also help in aligning with the corner pieces.<!--content-->
<br />
<!-- m --><a class="postlink" href="http://eclipse.net/~karayan/test.htm">http://eclipse.net/~karayan/test.htm</a><!-- m --> <br />
<br />
As you notice the idea failed. First, the background images on the top, bottom and sides failed to join properly (as they repeated until the whol cell is covered). There are borders added between the images by IE. Then the corner cells fail also, as they have borders around the images even though I am using <img border='0'....> tags. So instead of a nice continuous frame, I get something chopped up.<br />
<br />
Any clue how to fix this?<br />
<br />
Thanks.<br />
<br />
P.S.: The images have no borders in themselves. When I assemble them using graphic programs, they form a nice continuous frame. So, it is IE that adds the gaps.<!--content-->Hi<br />
<br />
You have a typo in your table tag.<br />
<table width='100%' border='0' cellpading='0' cellspacing='0'><br />
<br />
cellpading='0' should be cellpadding='0'<br />
<br />
Andy<br />
<br />
----------<br />
<!-- m --><a class="postlink" href="http://www.webdevtips.com">http://www.webdevtips.com</a><!-- m --><br />
----------<!--content-->If you don't want the extra line of color around along rows, you need to change your width/height specs. For example the top images is 19X18 not 19X19 as specified in your source, this would also help in aligning with the corner pieces.<!--content-->