Results 1 to 3 of 3
  1. #1
    Join Date
    Jan 2003
    Roanoke, VA, US

    can somebody check my code?

    I have designed a page with 3 columns for a total width of '770'.

    The left column is 200, the middle is 370 and the right is 200.

    When you look at the page though, the left column isn't left-aligning with the image above it, but the image is 770 wide.

    I can't find the problem, can somebody else spot it?


  2. #2
    Join Date
    Mar 2004
    The table is set to align in the center of the page. You need to adjust it so it aligns with the first image.

    <!DOCTYPE html PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN'>
    <meta http-equiv='content-type' content='text/html;charset=iso-8859-1'>
    <meta name='author' content='Mosquito Hawk Technologies -'>
    <meta name='keywords' content='Lewis-Gale Clinic, Lewis Gale, Lewis Gale Hospital, Lewis Gale Clinic, Roanoke, Salem, Virginia, Roanoke Valley, Healthcare, Medical Services, orthopaedics, orthopedics, joint repair, joint replacement, hip replacement, knee replacement'>
    <title>Lewis-Gale Clinic - Orthopaedics</title>
    <link rel='stylesheet' type='text/css' href='lgc.css'>
    <SCRIPT LANGUAGE="JavaScript">

    <!-- This script and many more are available free online at -->
    <!-- The JavaScript Source!! -->
    <!-- Original: ScriptBreaker ([email protected]) -->
    <!-- Web Site: -->
    <!-- Begin
    function locktrueie(myform){;}
    function lockfalsenet(myform){myform.nets.checked=true;}
    function goToURL() { window.location = ""; }

    function nochange(mycheckbox)
    if (mycheckbox.checked == true){mycheckbox.checked = false;}else{mycheckbox.checked = true;}

    // End -->

    <body bgcolor='#FFFFFF' leftmargin='0' topmargin='0' marginwidth='0' marginheight='0'><div align="center">
    <table width="700" border="0" cellpadding="0" cellspacing="0">

    <tr><td> <!-- BEGIN TOP LEVEL WITH SEARCH BOX //-->
    <table width="700" cellpadding="0" cellspacing="0">
    <td width="700" align="left" colspan="5">
    <form method="post" action="/isearch/index.php" target="_self">
    <table width="770" border="0" cellspacing="0" cellpadding="0" background="images/header_LGC_bak.jpg" height="83">
    <tr><td width="541"><img src="images/topheader_LGC_left.jpg" alt="" height="83" width="541" usemap="#topheader_LGC_left1c62eac" border="0"></td><td><input maxLength="255" name="s" size="30" border="0"></td><td width="72"><input type="image" style="border: 0px;" name="submit" src="images/topheader_LGC_right.jpg" alt=" Search" height="83" width="72" border="0"></td></tr>
    </table><INPUT type="hidden" name="action" value="search"></form>
    <map name="topheader_LGC_left1c62eac"><area title="Home" shape="rect" coords="12,7,137,73" href="index.php" alt="Home"><area title="Contact Us" shape="rect" coords="348,31,416,55" href="contact.php" alt="Contact Us"><area shape="rect" coords="242,30,343,56" href="dictionary.php" alt=""><area title="Careers with Lewis-Gale Clinic" shape="rect" coords="184,30,235,57" href="careers.php" alt="Careers with Lewis-Gale Clinic"></map>
    </td></tr> <!-- END TOP LEVEL WITH SEARCH BOX //-->

    <table width="700" cellpadding="0" cellspacing="0" border="0">
    <td width="77"><a href="index.php"><image src="images/linksbar_LGC_01.gif" border="0"></a></td>
    <td width="127"><a href="specialties.php"><image src="images/linksbar_LGC_02.gif" border="0"></a></td>
    <td width="114"><a href="doctors.php"><image src="images/linksbar_LGC_03.gif" border="0"></a></td>
    <td width="110"><a href="billing.php"><image src="images/linksbar_LGC_04.gif" border="0"></a></td>
    <td width="109"><a href="healthgate.php"><image src="images/linksbar_LGC_05.gif" border="0"></a></td>
    <td width="99"><a href="locations.php"><image src="images/linksbar_LGC_06.gif" border="0"></a></td>
    <td width="134"><a href="LGC_Directory.pdf"><image src="images/linksbar_LGC_07.gif" border="0"></a></td>
    </td></tr> <!-- END MIDDLE LEVEL WITH TEAL BUTTONS //-->

    <tr><td> <!-- BEGIN BOTTOM LEVEL WITH PICTURE //-->
    <table width="770" cellpadding="0" cellspacing="0" border="0">
    <td width="770"><image src="orthopaedics/images/orth_header_vers2.jpg"></td>
    </td></tr> <!-- END BOTTOM LEVEL WITH PICTURE //-->
    </table><div style="width: 816; height: 448">
    <div align="left">
    <table width="770" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111">
    <tr><td width="198" valign="top" align="left" style="background-color: #B6B6D1; border: 1px solid navy;">
    <!-- MAIN BODY, COLUMN 1 (LEFT) -->

    <table width="100%" style="background-color: #8282AD; border-bottom: 1px solid navy; border-collapse:collapse" align="left" bordercolor="#111111" cellpadding="0" cellspacing="0">
    <tr><td valign="center" class="ortho-hdr" width="100%">Programs and Services</td></tr>
    <tr><td class="ortho-menu">&rsaquo;&nbsp;&nbsp;<a href="orthopaedics.php">Orthopaedics Home</a></td></tr>
    <tr><td class="ortho-menu">&rsaquo;&nbsp;&nbsp;<a href="ortho_providers.php">Our Team of Doctors &amp; Providers</a></td></tr>
    <tr><td class="ortho-menu">&rsaquo;&nbsp;&nbsp;<a href="ortho_specialties.php">Areas of Specialty and Education</a></td></tr>
    <tr><td class="ortho-menu">&rsaquo;&nbsp;&nbsp;<a href="ortho_forms.php">Pre-Registration Forms</a></td></tr>
    <tr><td class="ortho-menu">&rsaquo;&nbsp;&nbsp;<a href="ortho_offices.php">Office Locations</a></td></tr>
    <tr><td class="ortho-menu">&rsaquo;&nbsp;&nbsp;<a href="ortho_contact.php">Contact Us</a></td></tr>
    <td width="370" valign="top" style="padding: 15px 15px 15px 15x;"><!-- MAIN BODY, COLUMN 2 (MIDDLE) -->

    <p><strong>Complete orthopaedic care for the entire family</strong></p>
    <p>For more than 50 years, Lewis-Gale Clinic's Orthopaedic department has brought consistent, quality care to the communities of Southwest Virginia and beyond. Today, our orthopaedic practice offers six American Board of Orthopaedic Sugery-certified doctors who collectively combine for more than 100 years of medical knowledge and expertise in the specialty.</p>
    <p>Our caring doctors offer diagnostic and treatment services for people of all ages with conditions ranging from common fractures, dislocations, sprains, strains and tears of muscles and ligaments to advanced joint repair and replacement. As one of the oldest and largest orthopaedic groups in Western Virginia, we offer the latest in medical technology to ensure the treatment you receive is the finest available. From clinical evaluation to surgery and even on-site rehabilitation, we offer the care you expect from a name you know and trust.</p>

    <td width="200" style="border-left: 2px solid #CCDDE0;" valign="top">

    <!-- MAIN BODY, COLUMN 3 (RIGHT) -->

    <table width="200" border="0" cellpadding="5" cellspacing="0">
    <p align="left" style="font-size: 10px;"><span style="font-size: 11px; font-weight: bold;">Dr. Bert Spetzler</span><br>
    <img src="./ingoodhealth/winter2004/images/liposuction.jpg" width="100" height="100" alt="Lewis-Gale Clinic" align="right">
    Dr. Spetzler focuses on diagnoses and treatment of general orthopaedic conditions. To learn more about Dr. Spetzler, <a href="" target="_blank">click here</a>.</p>
    <hr width="75%">
    <p align="left" style="font-size: 10px;"><span style="font-size: 11px; font-weight: bold;">Need a referral to a Lewis-Gale Clinic specialist?</span><br>
    <img src="./main/images/main_cardio.jpg" width="100" height="100" alt="Lewis-Gale Clinic" align="right">
    <a href="specialties.php">Access</a> to more than 150 primary and specialty care providers in nine locations.</p>
    <hr width="75%">
    <p align="left" style="font-size: 10px;"><span style="font-weight: bold; font-size: 11px;">Lewis-Gale Clinic Orthopaedics</span><br>
    <img src="./main/images/osborn.jpg" width="100" height="100" alt="Lewis-Gale Clinic" align="right">Find out how mini-knee replacement surgery performed by our specialists changed Greg Gartland's life.</p>
    <hr width="75%">
    <table width="100%">
    <tr><td align="center">&copy; 2003 Lewis-Gale Clinic, LLC All rights reserved</td></tr>
    <tr><td align="center"><a href="./privacy.php">Privacy Policy</a>&nbsp;&nbsp;&nbsp;<a href="./terms.php">Terms and Conditions</a>&nbsp;&nbsp;&nbsp;<a href="./employees.php">Employee Login</a></td></tr>
    | Priority support (Since July 2001) | 99.9%+ uptime (Alertra stats available) |
    | Dual Xeon servers at local data center | Premium PEER1 bandwidth |
    | Visit us today | |

  3. #3
    Join Date
    Feb 2004
    Hi ,

    I have analysed the code through view source. From the code

    For Middle column you had set as
    <td width="370" valign="top" style="padding: 15px 15px 15px 15x;">

    For Right column you had set as
    <td width="200" style="border-left: 2px solid #CCDDE0;" valign="top">

    For Left column you had set as
    <td height="100% " valign="top" style="background-color: #B6B6D1; border: 1px solid navy;">

    Here's the mistake you commited ( For Left column). Actually you have to set width as 200 instead of height. If you do like that , then all the columns will perfectly align with top image.



Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts