Hi all,<br />
<br />
Wondering if anyone could tell me what the heck I'm doing wrong with this page. <br />
<br />
<!-- m --><a class="postlink" href="http://www.arielsballoonsandflowers.com">http://www.arielsballoonsandflowers.com</a><!-- m --><br />
<br />
Designed in Dreamweaver on a Mac, everything looks fine in various Mac browsers, but on some Windows browsers the table falls apart, i.e. where the center graphic is placed, the main graphic frame extends a few pixels on top and bottom.<br />
<br />
Any ideas most welcome.<br />
<br />
Thanks!<!--content-->looks good to me in mozilla on a PC. a little wide but that just shows you did it in 1024 resolution.<!--content-->Thanks for taking a look scoutt. <br />
<br />
It's when it's viewed in Windows Millenium running IE that it's distorted. Maybe it's just that one combination, but it makes me feel kind of uneasy...<!--content-->IE 6 on W2K does cause problems.<br />
<br />
I think it might be the <div> tags inside the <td><br />
<br />
Try without - using the <td> attributes/styles to position the contents instead.<!--content-->does the problem you see the same as this screenshot<br />
ie windows Me IE5.5<!--content-->Horus_Kol,<br />
<br />
Thanks for your insight. I'll give that a try and see what happens. Trouble is, is that I only have a Mac, so testing it on a PC isn't possible. It's only after I have access to one that I see the problem has yet to be resolved - frustrating!!! I guess I just need to buy a cheap PC for testing purposes. <br />
<br />
You guys are great. Thanks
<!--content-->leoo24,<br />
<br />
That's the problem indeed. Kind of scared me to see the attachment. I'm starting to have dreams of that very scene. I'll keep plugging away though.<!--content-->now I see it. I had to use an inferior browser.
<br />
<br />
your problem is that you have a break in one of your tables.<br />
<br />
all table code (at least the cell) has to be on one line. you cannot have it like this<br />
<br />
<td>text<br />
</td><br />
<br />
that will create a line break. you have to have it on one line<br />
<br />
<td>text</td><br />
<br />
check your code and you will find one of your cells is like this.<!--content-->You do have 13 errors though...<br />
<br />
<!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.arielsballoonsandflowers.com%2F">http://validator.w3.org/check?uri=http% ... ers.com%2F</a><!-- m --><br />
<br />
They are minor ones like missing alt="" tags on images.<!--content-->Well, I first tried changing the <td> and </td> formatting. I haven't had access to a Windows machine yet, but I'm keeping my fingers crossed. I figure I should try one change at a time, and then test.<br />
<br />
I'll let you know how things work out.<br />
<br />
Thanks so much for all your help!<!--content-->Originally posted by billandsam <br />
I haven't had access to a Windows machine yet, <br />
<br />
it's still there sorry to say.<br />
<br />
right the following code no longer has such a bad problem but still has a little gap down the right side, i've run out of time at the mo, see if someone else can spot it, if mot i'll come back to it when i can, i'll also attach how it looks<br />
<br />
<body background="Ariel's%20Balloons%20&%20Flowers%20-%20Home_files/background.gif"><br />
<table width="100%" align="center" cellpadding="0" cellspacing="40" border="0" ><br />
<tbody><tr><br />
<td align="center"> <br />
<table width="803" border="0" cellpadding="0" cellspacing="0" id="mainTable"><br />
<tr> <br />
<td width="261" rowspan="3" align="right"><img src=http://www.htmlforums.com/archive/index.php/"Ariel%27s%20Balloons%20&%20Flowers%20-%20Home_files/table1.gif" width="261" height="520" border="0" usemap="#Map" href="http://www.arielsballoonsandflowers.com/design1/main_pages/english.html"></td><br />
<td colspan="2"><img src=http://www.htmlforums.com/archive/index.php/"Ariel%27s%20Balloons%20&%20Flowers%20-%20Home_files/table2.gif" width="423" height="56"></td><br />
<td width="118" rowspan="3"><img src=http://www.htmlforums.com/archive/index.php/"Ariel%27s%20Balloons%20&%20Flowers%20-%20Home_files/table4.gif" width="118" height="520"></td></tr><br />
<tr><td width="418" height="408"><img src=http://www.htmlforums.com/archive/index.php/"Ariel%27s%20Balloons%20&%20Flowers%20-%20Home_files/text_home.gif" width="423" height="408"></td></tr><br />
<tr><td colspan="2" ><img src=http://www.htmlforums.com/archive/index.php/"Ariel%27s%20Balloons%20&%20Flowers%20-%20Home_files/table3.gif" width="423" height="56"></td></tr></table><br />
</td><br />
</tr><br />
</tbody></table><br />
<map name="Map"><area shape="rect" coords="51,148,116,202" href=http://www.htmlforums.com/archive/index.php/"http://www.arielsballoonsandflowers.com/index.html"><area shape="rect" coords="53,231,117,283" href="http://www.arielsballoonsandflowers.com/balloons.html"><area shape="rect" coords="51,313,113,369" href="http://www.arielsballoonsandflowers.com/aboutus.html"><area shape="rect" coords="130,149,190,201" href="http://www.arielsballoonsandflowers.com/news.html"><area shape="rect" coords="130,232,195,285" href="http://www.arielsballoonsandflowers.com/flowers.html"><area shape="rect" coords="132,316,193,371" href="http://www.arielsballoonsandflowers.com/order.html"><area shape="rect" coords="128,396,197,453" href="http://www.arielsballoonsandflowers.com/english.html"></map><br />
<!-- InstanceEnd --></body></html><!--content-->have you updated the page at the URL?<br />
<br />
if so, then nothing has improved.<!--content-->Looked at the gif posted by leoo24 - thanks. I guess it's not all bad news, as the top and bottom are now flush.<br />
<br />
I'll now work with the <div> tags inside the <td> as per Horus_Kol's suggestion.<br />
<br />
I think what I really need is a cheap PC for testing.<!--content-->
<br />
Wondering if anyone could tell me what the heck I'm doing wrong with this page. <br />
<br />
<!-- m --><a class="postlink" href="http://www.arielsballoonsandflowers.com">http://www.arielsballoonsandflowers.com</a><!-- m --><br />
<br />
Designed in Dreamweaver on a Mac, everything looks fine in various Mac browsers, but on some Windows browsers the table falls apart, i.e. where the center graphic is placed, the main graphic frame extends a few pixels on top and bottom.<br />
<br />
Any ideas most welcome.<br />
<br />
Thanks!<!--content-->looks good to me in mozilla on a PC. a little wide but that just shows you did it in 1024 resolution.<!--content-->Thanks for taking a look scoutt. <br />
<br />
It's when it's viewed in Windows Millenium running IE that it's distorted. Maybe it's just that one combination, but it makes me feel kind of uneasy...<!--content-->IE 6 on W2K does cause problems.<br />
<br />
I think it might be the <div> tags inside the <td><br />
<br />
Try without - using the <td> attributes/styles to position the contents instead.<!--content-->does the problem you see the same as this screenshot<br />
ie windows Me IE5.5<!--content-->Horus_Kol,<br />
<br />
Thanks for your insight. I'll give that a try and see what happens. Trouble is, is that I only have a Mac, so testing it on a PC isn't possible. It's only after I have access to one that I see the problem has yet to be resolved - frustrating!!! I guess I just need to buy a cheap PC for testing purposes. <br />
<br />
You guys are great. Thanks
<!--content-->leoo24,<br /><br />
That's the problem indeed. Kind of scared me to see the attachment. I'm starting to have dreams of that very scene. I'll keep plugging away though.<!--content-->now I see it. I had to use an inferior browser.
<br /><br />
your problem is that you have a break in one of your tables.<br />
<br />
all table code (at least the cell) has to be on one line. you cannot have it like this<br />
<br />
<td>text<br />
</td><br />
<br />
that will create a line break. you have to have it on one line<br />
<br />
<td>text</td><br />
<br />
check your code and you will find one of your cells is like this.<!--content-->You do have 13 errors though...<br />
<br />
<!-- m --><a class="postlink" href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.arielsballoonsandflowers.com%2F">http://validator.w3.org/check?uri=http% ... ers.com%2F</a><!-- m --><br />
<br />
They are minor ones like missing alt="" tags on images.<!--content-->Well, I first tried changing the <td> and </td> formatting. I haven't had access to a Windows machine yet, but I'm keeping my fingers crossed. I figure I should try one change at a time, and then test.<br />
<br />
I'll let you know how things work out.<br />
<br />
Thanks so much for all your help!<!--content-->Originally posted by billandsam <br />
I haven't had access to a Windows machine yet, <br />
<br />
it's still there sorry to say.<br />
<br />
right the following code no longer has such a bad problem but still has a little gap down the right side, i've run out of time at the mo, see if someone else can spot it, if mot i'll come back to it when i can, i'll also attach how it looks<br />
<br />
<body background="Ariel's%20Balloons%20&%20Flowers%20-%20Home_files/background.gif"><br />
<table width="100%" align="center" cellpadding="0" cellspacing="40" border="0" ><br />
<tbody><tr><br />
<td align="center"> <br />
<table width="803" border="0" cellpadding="0" cellspacing="0" id="mainTable"><br />
<tr> <br />
<td width="261" rowspan="3" align="right"><img src=http://www.htmlforums.com/archive/index.php/"Ariel%27s%20Balloons%20&%20Flowers%20-%20Home_files/table1.gif" width="261" height="520" border="0" usemap="#Map" href="http://www.arielsballoonsandflowers.com/design1/main_pages/english.html"></td><br />
<td colspan="2"><img src=http://www.htmlforums.com/archive/index.php/"Ariel%27s%20Balloons%20&%20Flowers%20-%20Home_files/table2.gif" width="423" height="56"></td><br />
<td width="118" rowspan="3"><img src=http://www.htmlforums.com/archive/index.php/"Ariel%27s%20Balloons%20&%20Flowers%20-%20Home_files/table4.gif" width="118" height="520"></td></tr><br />
<tr><td width="418" height="408"><img src=http://www.htmlforums.com/archive/index.php/"Ariel%27s%20Balloons%20&%20Flowers%20-%20Home_files/text_home.gif" width="423" height="408"></td></tr><br />
<tr><td colspan="2" ><img src=http://www.htmlforums.com/archive/index.php/"Ariel%27s%20Balloons%20&%20Flowers%20-%20Home_files/table3.gif" width="423" height="56"></td></tr></table><br />
</td><br />
</tr><br />
</tbody></table><br />
<map name="Map"><area shape="rect" coords="51,148,116,202" href=http://www.htmlforums.com/archive/index.php/"http://www.arielsballoonsandflowers.com/index.html"><area shape="rect" coords="53,231,117,283" href="http://www.arielsballoonsandflowers.com/balloons.html"><area shape="rect" coords="51,313,113,369" href="http://www.arielsballoonsandflowers.com/aboutus.html"><area shape="rect" coords="130,149,190,201" href="http://www.arielsballoonsandflowers.com/news.html"><area shape="rect" coords="130,232,195,285" href="http://www.arielsballoonsandflowers.com/flowers.html"><area shape="rect" coords="132,316,193,371" href="http://www.arielsballoonsandflowers.com/order.html"><area shape="rect" coords="128,396,197,453" href="http://www.arielsballoonsandflowers.com/english.html"></map><br />
<!-- InstanceEnd --></body></html><!--content-->have you updated the page at the URL?<br />
<br />
if so, then nothing has improved.<!--content-->Looked at the gif posted by leoo24 - thanks. I guess it's not all bad news, as the top and bottom are now flush.<br />
<br />
I'll now work with the <div> tags inside the <td> as per Horus_Kol's suggestion.<br />
<br />
I think what I really need is a cheap PC for testing.<!--content-->