Tables problem (www.justin-angela.com) - Tech Support Forums

implexant · January 27th, 2003, 02:20 PM

Okay, look here: www.justin-angela.com/indexnew.asp

if you view it in mozilla, netscape, or phoenix the image doesn't line up correctly. any ideas?

-Chris

OuTpaTienT · January 27th, 2003, 03:13 PM

Ta-da;

That's what you get for using an HTML tool and not doing it manually. I adjust your border widths by hand to make it all line up. Even if you use html progrom to make the code you should be able to go into the document and make manual adjustment when necessary.

Note the border widths:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<meta http-equiv="Content-Language" content="en-us">
<title>Angela & Justin</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta NAME="author" CONTENT="chris @ implexantsystems.com">
<meta NAME="ROBOTS" CONTENT="ALL">

</head>

<body bgcolor="#FFFFFF">

<div align="center">
  <center>

<table border="0" cellpadding="0" cellspacing="0" style="border-style: solid" bordercolor="#111111" width="323" id="AutoNumber1" >
  <tr>
    <td width="648" colspan="5" style="border-style: solid; border-width: 0; padding: 0">

    <img border="0" src="banner.jpg" width="648" height="112"></td>
  </tr>
  <tr>
    <td width="81" style="border-style: solid; border-left-width: 2; border-right-width: 1; border-top-width: 2; border-bottom-width: 2; padding: 0" bgcolor="#F8FADE">
    <p align="center">

        <b><font face="Arial">
    <a style="text-decoration: none" href="../../../../Tidy/index.asp">
        <font color="#000000">Home</font></a></font></b></td>
    <td width="168" style="border-style: solid; border-left-width: 1; border-right-width: 1; border-top-width: 2; border-bottom-width: 2; padding: 0" bgcolor="#F8FADE">
    <p align="center">
        <b>
    <a style="text-decoration: none" href="../../../../Tidy/engagement.asp">
        <font face="Arial" color="#000000">Engagement</font></a></b></td>

    <td width="118" style="border-style: solid; border-left-width: 1; border-right-width: 1; border-top-width: 2; border-bottom-width: 2; padding: 0" bgcolor="#F8FADE">
    <p align="center">
        <b><a style="text-decoration: none" href="../../../../Tidy/wedding.asp">
        <font face="Arial" color="#000000">Wedding</font></a></b></td>
    <td width="134" style="border-style: solid; border-left-width: 1; border-right-width: 1; border-top-width: 2; border-bottom-width: 2; padding: 0" bgcolor="#F8FADE">
    <p align="center">
        <b>
    <a style="text-decoration: none" href="../../../../Tidy/reception.asp">

        <font face="Arial" color="#000000">Reception</font></a></b></td>
    <td width="125" style="border-style: solid; border-left-width: 1; border-right-width: 2; border-top-width: 2; border-bottom-width: 2; padding: 0" bgcolor="#F8FADE">
    <p align="center">
        <b>
    <a style="text-decoration: none" href="../../../../Tidy/contactus.asp">
        <font face="Arial" color="#000000">Contact Us</font></a></b></td>
  </tr>
  <tr>

    <td width="636" style="border-left-style: solid; border-left-width: 2; border-right-style: solid; border-right-width: 2; border-bottom-style: solid; border-bottom-width: 2; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1" colspan="5">
    <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber3">
      <tr>
        <td width="640">
        <p class="MsoBodyText" align="center"><font face="Arial">Welcome! 
        Justin-Angela.com is a website that allows us to share with you the 
        engagement announcement for Justin Ellett and Angela Gross and our life 
        long commitment expressed through our wedding day.</font></p>
        <h1 align="center"><font color="#000000" size="3">
        <span style="font-family: Arial; font-weight: 700">Engaged</span></font></h1>
        <h1 align="center"><font color="#000000" size="3">

        <span style="font-family: Arial; font-weight:400">&nbsp;October 
        26, 2001</span></font></h1>
        <p class="MsoNormal" style="TEXT-ALIGN: center" align="center">
        <span style="font-family: Arial; font-weight: 700">Wedding Day</span></p>
        <p class="MsoNormal" style="TEXT-ALIGN: center" align="center">
        <span style="font-family: Arial">December 21, 2002</span></p>
        <p class="MsoNormal" style="TEXT-ALIGN: center" align="center">
        <span style="font-family: Arial">We thank all of our family and friends 
        for the love and support shown to us. This special day is not only a 
        beginning for us, but a new opportunity to share our friendship and love 
        with all of you!</span></p>

        <h2 align="center"><font color="#000000" size="3">
        <span style="font-family: Arial; font-style: italic">Justin &amp; Angela</span></font></h2>
        </td>
        <td width="41%">
        <p align="right">
        <img border="0" src="welcome.jpg" width="249" height="363"></td>
      </tr>

    </table>
    </td>
  </tr>
</table>

  </center>
</div>

</body>

</html>

OuTpaTienT · January 27th, 2003, 03:17 PM

Oh, hold on a sec. now it doesn't work right in IE.

implexant · January 27th, 2003, 03:18 PM

your funny

i always use CoffeeCup HTML Editor or notepad when i run into stuff like this. i'm not a complete idiot

thanks a ton, once again great work!

-Chris

OuTpaTienT · January 27th, 2003, 03:19 PM

There we go. Just change that main table border style from

style="border-style: solid"

to

style="border-collapse: collapse"

OuTpaTienT · January 27th, 2003, 03:21 PM

Quote:

Originally posted by implexant
your funny i always use CoffeeCup HTML Editor or notepad when i run into stuff like this. i'm not a complete idiot thanks a ton, once again great work!

-Chris

Sorry. Just assumed you were using something like Frontpage or whatever.

OuTpaTienT · January 27th, 2003, 03:22 PM

Damn it!!!

Now it messed up again in Moz. hmmmm.

implexant · January 27th, 2003, 03:26 PM

i do use frontpage... and dreamweaver... and notepad... and coffeecup HTML.

they all serve their purpose.

i put the code you posted in the file and it views great with phoenix 0.5.

-Chris

OuTpaTienT · January 27th, 2003, 03:27 PM

Yeah? What about IE?

implexant · January 27th, 2003, 03:37 PM

wowa, not so great

-Chris