Hello all, I have a table with 2 rows. Image on the first row and fireworks html in the bottom row. The table has no cellpadding and no cellspacing but when I preview it in my browser there is a small gap about 1 pixel in height that seperates the image from the fireworks html but I need them to join together. Is there a way to fix this problem?

Much Appreciation

Can you post a url so we can look at it / your code

However, you could try that in CSS, 1 div below the other
You could then set a negative margin if you've still got the problem
As well as all the other advantages of using CSS

Live the life you love
Love the life you live

Simon

[DWMX 2004]|[SQL]|[ASP/VBScript]|[XP-Pro]

not to great at using css to layout webpages, other than setting fonts and links and that sort of stuff. Any tips would be greatly appreciated. Here is the link www.djpipes.com

its also slighty out of alignment on the right, which is also fixed by a positioned div in css.

i think your problem is the .png file. ive been through it, redone the code in css and im still getting the black border even with negative margins, so your image when you exported it either had a black 1 pixel border on the rectangle to hold the image or you hadnt aligned it on the canvas properly.

anyway heres the css code for a seperate style sheet to align it all properly.

use this in the head section to link the style sheet
<pre id=code><font face=courier size=2 id=code>
&lt;link href="layout.css" rel="stylesheet" type="text/css"&gt;
</font id=code></pre id=code>


style sheet code, save as layout.css
<pre id=code><font face=courier size=2 id=code>
div#topImg{
height:282px;
width:600px;
left:50%;
top:0;
margin-left: -300px;
position: absolute;
background-color: #000000;


}
div#fwTbl{
height:300px;
width:600px;
left:50%;
margin-left: -300px;
top:282px;
position: absolute;
background-color: #000000;
}
body{
background-color: #000000;
}
</font id=code></pre id=code>

What your html will look like

[code]
&lt;div id="topImg"&gt; Insert splash image code here...&lt;/div&gt;
&lt;div id="fwTbl"&gt;Insert FW html code here...&lt;/div&gt;

holds it all in 2 divs which are positioned via the css sheet.

Regards,
Dave
edited : typos

[DWMX 2004]|[FlashMX 2004 Pro]|[SQL]|[Access2000]|[ASP/VBScript]|[XP-Pro]


Edited by - UltraDav on 08 Dec 2004 22:46:41