57 users online (1 members and 56 guests)  

Thread: Table Problem


  Results 1 to 12 of 12

Related

  1. Table Sizing Problem    Forum: HTML Forum
    Replies: 6
  2. (iframe in table)problem    Forum: HTML Forum
    Replies: 2
  3. table css problem (ex. inclued)    Forum: CSS Forum
    Replies: 2
  4. Stylesheet/table problem    Forum: CSS Forum
    Replies: 3
  1. #1
    jinkazama's Avatar
    New User

    Status
    Offline
    Join Date
    Aug 2003
    Posts
    18

    Table Problem

    I am making a layout and i am having some problems i cant get the news content to go all the way over, if i try to make it bigger its moves my left navigator over, so its gets messed up. anybody got any suggestions what i can do to fix it thx.

    html code is here:

    <html>
    <head>
    <head>
    <title>:: Site Title Here ::</title>

    <style type="text/css">

    BODY {
    SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
    SCROLLBAR-SHADOW-COLOR: #333333; SCROLLBAR-3DLIGHT-COLOR: #064F71;
    SCROLLBAR-ARROW-COLOR: #064F71; SCROLLBAR-TRACK-COLOR: #000000;
    SCROLLBAR-DARKSHADOW-COLOR: #000000;
    }

    <!--
    .link_black { color: #404040; text-decoration: none; }
    .link_black:hover { color: #000000; text-decoration: none; }

    .link_black { color: #848484; text-decoration: none; }
    .link_black:hover { color: #404040; text-decoration: none; }

    .link_black { color: #000000; text-decoration: none; }
    .link_black:hover { color: #404040; text-decoration: none; }

    p { text-align: justify; line-height: 175% }
    -->
    </style>

    </head>

    <body bgcolor="#F6F4F4" marginwidth="0" marginheight="0" leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" text="#000000" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF">
    <div align="center">
    <table cellpadding="0" cellspacing=0">
    <div style="position: absolute; top: 45; left: 30; width: 456; height: 13">
    <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber2">
    <tr>
    <td width="100%"><font size="1" face="verdana" color="#000000">&nbsp;<SCRIPT type="text/javascript" LANGUAGE="JavaScript">
    <!--
    d = new Date();
    dateText = "";
    dayValue = d.getDay();
    if (dayValue == 0)
    dateText += "Sunday";
    else if (dayValue == 1)
    dateText += "Monday";
    else if (dayValue == 2)
    dateText += "Tuesday";
    else if (dayValue == 3)
    dateText += "Wednesday";
    else if (dayValue == 4)
    dateText += "Thursday";
    else if (dayValue == 5)
    dateText += "Friday";
    else if (dayValue == 6)
    dateText += "Saturday";

    monthValue = d.getMonth();
    dateText += " ";
    if (monthValue == 0)
    dateText += "January";
    if (monthValue == 1)
    dateText += "February";
    if (monthValue == 2)
    dateText += "March";
    if (monthValue == 3)
    dateText += "April";
    if (monthValue == 4)
    dateText += "May";
    if (monthValue == 5)
    dateText += "June";
    if (monthValue == 6)
    dateText += "July";
    if (monthValue == 7)
    dateText += "August";
    if (monthValue == 8)
    dateText += "September";
    if (monthValue == 9)
    dateText += "October";
    if (monthValue == 10)
    dateText += "November";
    if (monthValue == 11)
    dateText += "December";

    if (d.getYear() < 2000)
    dateText += " " + d.getDate() + ", " + (1900 + d.getYear());
    else
    dateText += " " + d.getDate() + ", " + (d.getYear());

    minuteValue = d.getMinutes();
    if (minuteValue < 10)
    minuteValue = "0" + minuteValue

    hourValue = d.getHours();
    if (hourValue == 0)
    {
    greeting = "";
    timeText = "" + (hourValue+12) + ":" + minuteValue + " AM";
    }
    else if (hourValue < 12)
    {
    greeting = "";
    timeText = "" + hourValue + ":" + minuteValue + " AM";
    }
    else if (hourValue == 12)
    {
    greeting = "";
    timeText = "" + hourValue + ":" + minuteValue + " PM";
    }
    else if (hourValue < 17)
    {
    greeting = "";
    timeText = "" + (hourValue-12) + ":" + minuteValue + " PM";
    }
    else
    {
    greeting = "";
    timeText = "" + (hourValue-12) + ":" + minuteValue + " PM";
    }
    document.open();
    document.write(" " + dateText);
    //-->
    </SCRIPT>&nbsp;&nbsp;| <a href="javascript:location.reload()" class="link_black">Reload</a> | <a href="javascript:history.back(1)" class="link_black">Back</a> | <a href="javascript:history.forward(1)" class="link_black">Forward</a> | <a href="#" onClick="window.external.AddFavorite(' ',':: Majin Rivals ::');" class="link_black">Bookmark</a> |
    <!-- Banner -->

    <tr><td><img src="logo.jpg" width="779" height="88" border="0"></td></tr></table>

    <!-- Banner -->

    <table width="779" cellspacing="0" cellpadding="0" bgcolor="#40588F" class="box">
    <tr>
    <td colspan="5" width="779" cellspacing="0" cellpadding="0" bgcolor="#8097BF" align="center" valign="center">



    <!-- Start Top Content -->
    <table cellspacing="0" cellpadding="0" width="777">
    <tr>
    <!-- Start First Top Content -->
    <td cellspacing="0" cellpadding="0" align="center">
    <table border="0" cellspacing="0" cellpadding="0">
    <tr><td align="left" cellspacing="0" cellpadding="0">
    <font size="1" face="verdana" color="#000000">
    </font></td>
    </td>
    </tr>
    </table>
    </td>
    <!-- End First Top Content -->

    </tr>
    </table>

    <!-- End Top Content -->

    </td>
    </tr>
    <tr>
    <td colspan="5" width="779" cellspacing="0" cellpadding="0" bgcolor="#000000">
    </td>
    </tr>

    <tr>
    <td width="133" cellspacing="0" cellpadding="0" bgcolor="#C0C0C0" valign="top" align="center">


    <!-- Start Left Sub Table -->
    <div style="position: absolute; top: 150; left: 2; height: 531">
    <p align="left">
    <table width="131" cellspacing="0" cellpadding="0" bgcolor="#E2E2E2" class="box">
    <tr>
    <td width="131" cellspacing="0" cellpadding="0" bgcolor="#808080" height="18">
    <font size="1" face="verdana" color="#000000">
    <b><center>. : Navigation : .</center></b>
    </font>
    </td>
    </tr>
    <tr>
    <td width="131" cellspacing="0" cellpadding="0" bgcolor="#000000">
    </td>
    </tr>
    <tr>
    <td width="131" cellspacing="0" cellpadding="0" align="left">
    <font size="1" face="verdana" color="#000000"><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br><br>
    </font>
    </td>
    </tr>
    </table>

    <br>

    <table width="131" cellspacing="0" cellpadding="0" bgcolor="#E2E2E2" class="box">
    <tr>
    <td width="131" cellspacing="0" cellpadding="0" bgcolor="#808080" height="18">
    <font size="1" face="verdana" color="#000000">
    <b><center>. : Navigation : .</center></b>
    </font>
    </td>
    </tr>
    <tr>
    <td width="131" cellspacing="0" cellpadding="0" bgcolor="#000000">
    </td>
    </tr>
    <tr>
    <td width="131" cellspacing="0" cellpadding="0" align="left">
    <font size="1" face="verdana" color="#000000"><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br><br>
    </font>
    </td>
    </tr>
    </table>

    <br>

    <table width="131" cellspacing="0" cellpadding="0" bgcolor="#E2E2E2" class="box">
    <tr>
    <td width="131" cellspacing="0" cellpadding="0" bgcolor="#808080" height="18">
    <font size="1" face="verdana" color="#000000">
    <b><center>. : Navigation : .</center></b>
    </font>
    </td>
    </tr>
    <tr>
    <td width="131" cellspacing="0" cellpadding="0" bgcolor="#000000">
    </td>
    </tr>
    <tr>
    <td width="131" cellspacing="0" cellpadding="0" align="left">
    <font size="1" face="verdana" color="#000000"><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br><br>
    </font>
    </td>
    </tr>
    </table>

    <br>

    </div>
    <!-- End Left Sub Table -->



    </td>
    <td width="1" cellspacing="0" cellpadding="0" bgcolor="#000000">
    </td>
    <td width="511" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF" valign="top" align="center">




    <!-- Start Middle Sub Table -->
    <br>

    <table width="505" cellspacing="0" cellpadding="0" bgcolor="#E2E2E2" class="box">
    <tr>
    <td width="600" cellspacing="0" cellpadding="0" bgcolor="#808080">
    <font size="1" face="verdana" color="#000000">
    <b>. : News & Updates</b>
    </font>
    </td>
    </tr>
    <tr>
    <td width="505" cellspacing="0" cellpadding="0" bgcolor="#000000">
    </td>
    </tr>
    <tr>
    <td width="505" cellspacing="0" cellpadding="0" valign="top" align="center">
    <br>
    <font size="1" face="verdana" color="#000000">
    <table border="0" width="500" cellspacing="0" cellpadding="0">
    <tr><td cellspacing="0" cellpadding="0">
    <font size="1" face="verdana" color="#000000">

    News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
    News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
    News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
    News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
    News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
    News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
    News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
    News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
    News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
    News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here <br>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br>

    </font>
    </td></tr>
    </table>
    <br><br></font>
    </td>
    </tr>
    </table>
    </div>
    <br>
    <!-- End Middle Sub Table -->
    </td>
    <td width="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">
    </td>
    <td width="133" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF" valign="top" align="center">
    <br>
    <tr>
    <td colspan="5" width="779" bgcolor="#808080" align="center">
    </font>
    </td>
    </tr>
    </table>
    <br>
    </div>
    </body>
    </html>

  2. #2
    HTML's Avatar
    Administrator

    Status
    Offline
    Join Date
    Aug 2000
    Posts
    3,445

    Follow HTML On Twitter Add HTML on Facebook Add HTML on Google+ Add HTML on Linkedin Visit HTML's Youtube Channel
    First things first Have you run it through the HTML validator?

    Dave

  3. #3
    jinkazama's Avatar
    New User

    Status
    Offline
    Join Date
    Aug 2003
    Posts
    18
    yup, but there is so many un defined erros and if i take them out the tabels get messed up, but here i got something fixed up. it has two navigators on left and right side, and the news content in the middle. i wanted it the news content to go over the right navigator. in another words to get ride of the right navigator and make the news content bigger. any1 know how i can fix that, i tried deleating the right navigator and expenidng the news box, but then it moves my left navigator way off, and it does not look good. here is the the link to the layout

    http://majinrivals.t35.com/index.html

    and here is also the updated html code with two navigators and content in the middle:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title> Title Here </title>
    <style type="text/css">

    BODY {
    SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
    SCROLLBAR-SHADOW-COLOR: #333333; SCROLLBAR-3DLIGHT-COLOR: #064F71;
    SCROLLBAR-ARROW-COLOR: #064F71; SCROLLBAR-TRACK-COLOR: #000000;
    SCROLLBAR-DARKSHADOW-COLOR: #000000;
    }

    <!--
    .link_black { color: #404040; text-decoration: none; }
    .link_black:hover { color: #000000; text-decoration: none; }

    .link_black { color: #848484; text-decoration: none; }
    .link_black:hover { color: #404040; text-decoration: none; }

    .link_black { color: #000000; text-decoration: none; }
    .link_black:hover { color: #404040; text-decoration: none; }

    p { text-align: justify; line-height: 175% }
    -->
    </style>

    </head>
    <body bgcolor="#F6F4F4" marginwidth="0" marginheight="0" leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" text="#000000" link="#000000" vlink="#000000" alink="#000000">
    <div align="center">
    <br>
    <table cellpadding="0" cellspacing=0"><tr><td><img src="logo.jpg" width="779" height="88" alt=" " border="0"></td></tr></table>
    <table width="779" cellspacing="0" cellpadding="0" bgcolor="#40588F" class="box">
    <tr>
    <td colspan="5" width="779" cellspacing="0" cellpadding="0" bgcolor="#8097BF" align="center" valign="center">
    <!-- Start Top Content -->
    <table cellspacing="0" cellpadding="0" width="777">
    <tr>
    <!-- Start First Top Content -->
    <td cellspacing="0" cellpadding="0" align="center">
    <table border="0" cellspacing="0" cellpadding="0">
    <tr><td align="left" cellspacing="0" cellpadding="0">
    <font size="1" face="verdana" color="#000000">
    </font></td>
    </tr>
    </table>
    </td>
    <!-- End First Top Content -->
    </tr>
    </table>
    <!-- End Top Content -->

    </td>
    </tr>
    <tr>
    <td colspan="5" width="779" cellspacing="0" cellpadding="0" bgcolor="#000000">
    </td>
    </tr>

    <tr>
    <td width="133" cellspacing="0" cellpadding="0" bgcolor="#C0C0C0" valign="top" align="center">
    <!-- Start Left Sub Table -->
    <div style="position: absolute; top: 150; left: 2; height: 531">

    <table width="131" cellspacing="0" cellpadding="0" bgcolor="#E2E2E2" class="box">
    <tr>
    <td width="131" cellspacing="0" cellpadding="0" bgcolor="#808080" height="18">
    <font size="1" face="verdana" color="#000000">
    <b>. : Navigation : .</b>
    </font>
    </td>
    </tr>
    <tr>
    <td width="131" cellspacing="0" cellpadding="0" bgcolor="#000000">
    </td>
    </tr>
    <tr>
    <td width="131" cellspacing="0" cellpadding="0" align="left">
    <font size="1" face="verdana" color="#000000"><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br><br>
    </font>
    </td>
    </tr>
    </table>
    <br>
    <table width="131" cellspacing="0" cellpadding="0" bgcolor="#E2E2E2" class="box">
    <tr>
    <td width="131" cellspacing="0" cellpadding="0" bgcolor="#808080" height="18">
    <font size="1" face="verdana" color="#000000">
    <b>. : Navigation : .</b>
    </font>
    </td>
    </tr>
    <tr>
    <td width="131" cellspacing="0" cellpadding="0" bgcolor="#000000">
    </td>
    </tr>
    <tr>
    <td width="131" cellspacing="0" cellpadding="0" align="left">
    <font size="1" face="verdana" color="#000000"><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br><br>
    </font>
    </td>
    </tr>
    </table>
    <br>
    <table width="131" cellspacing="0" cellpadding="0" bgcolor="#E2E2E2" class="box">
    <tr>
    <td width="131" cellspacing="0" cellpadding="0" bgcolor="#808080" height="18">
    <font size="1" face="verdana" color="#000000">
    <b>. : Navigation : .</b>
    </font>
    </td>
    </tr>
    <tr>
    <td width="131" cellspacing="0" cellpadding="0" bgcolor="#000000">
    </td>
    </tr>
    <tr>
    <td width="131" cellspacing="0" cellpadding="0" align="left">
    <font size="1" face="verdana" color="#000000"><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br><br>
    </font>
    </td>
    </tr>
    </table>

    <br>
    </div>
    <!-- End Left Sub Table -->
    </td>
    <td width="1" cellspacing="0" cellpadding="0" bgcolor="#000000">
    </td>
    <td width="511" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF" valign="top" align="center">
    <!-- Start Middle Sub Table -->
    <br>

    <table width="505" cellspacing="0" cellpadding="0" bgcolor="#E2E2E2" class="box">
    <tr>
    <td width="600" cellspacing="0" cellpadding="0" bgcolor="#808080">
    <font size="1" face="verdana" color="#000000">
    <b>. : News & Updates</b>
    </font>
    </td>
    </tr>
    <tr>
    <td width="505" cellspacing="0" cellpadding="0" bgcolor="#000000">
    </td>
    </tr>
    <tr>
    <td width="505" cellspacing="0" cellpadding="0" valign="top" align="center">
    <br>
    <font size="1" face="verdana" color="#000000">
    <table border="0" width="500" cellspacing="0" cellpadding="0">
    <tr><td cellspacing="0" cellpadding="0">
    <font size="1" face="verdana" color="#000000">
    News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
    News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
    News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
    News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
    News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
    News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
    News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
    News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
    News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
    News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here <br>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br>
    </font>
    </td></tr>
    </table>
    <br><br></font>
    </td>
    </tr>
    </table>

    <!-- End Middle Sub Table -->
    </td>
    <td width="1" cellspacing="0" cellpadding="0" bgcolor="#000000">
    </td>
    <td width="133" cellspacing="0" cellpadding="0" bgcolor="#C0C0C0" valign="top" align="center">
    <!-- Start Right Sub Table -->
    <div style="position: absolute; top: 150; left: 648; height: 531">

    <table width="131" cellspacing="0" cellpadding="0" bgcolor="#E2E2E2" class="box">
    <tr>
    <td width="131" cellspacing="0" cellpadding="0" bgcolor="#808080" height="18">
    <font size="1" face="verdana" color="#000000">
    <b>. : Navigation : .</b>
    </font>
    </td>
    </tr>
    <tr>
    <td width="131" cellspacing="0" cellpadding="0" bgcolor="#000000">
    </td>
    </tr>
    <tr>
    <td width="131" cellspacing="0" cellpadding="0" align="left">
    <font size="1" face="verdana" color="#000000"><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br><br>
    </font>
    </td>
    </tr>
    </table>
    <br>
    <table width="131" cellspacing="0" cellpadding="0" bgcolor="#E2E2E2" class="box">
    <tr>
    <td width="131" cellspacing="0" cellpadding="0" bgcolor="#808080" height="18">
    <font size="1" face="verdana" color="#000000">
    <b>. : Navigation : .</b>
    </font>
    </td>
    </tr>
    <tr>
    <td width="131" cellspacing="0" cellpadding="0" bgcolor="#000000">
    </td>
    </tr>
    <tr>
    <td width="131" cellspacing="0" cellpadding="0" align="left">
    <font size="1" face="verdana" color="#000000"><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br><br>
    </font>
    </td>
    </tr>
    </table>
    <br>
    <table width="131" cellspacing="0" cellpadding="0" bgcolor="#E2E2E2" class="box">
    <tr>
    <td width="131" cellspacing="0" cellpadding="0" bgcolor="#808080" height="18">
    <font size="1" face="verdana" color="#000000">
    <b>. : Navigation : .</b>
    </font>
    </td>
    </tr>
    <tr>
    <td width="131" cellspacing="0" cellpadding="0" bgcolor="#000000">
    </td>
    </tr>
    <tr>
    <td width="131" cellspacing="0" cellpadding="0" align="left">
    <font size="1" face="verdana" color="#000000"><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br><br>
    </font>
    </td>
    </tr>
    </table>

    <br>
    </div>
    <!-- End Right Sub Table -->
    </td>
    </tr>
    <tr>
    <td colspan="5" width="779" cellspacing="0" cellpadding="0" bgcolor="#000000">
    </td>
    </tr>

    <!-- Start Bottom Table -->
    <tr>
    <td colspan="5" width="779" bgcolor="#808080" align="center">
    <font size="1" face="verdana" color="#000000">
    <br><br>
    </font>
    </td>
    </tr>
    <!-- End Bottom Table -->
    </table>
    <br>
    </div>
    </body>
    </html>

  4. #4
    HTML's Avatar
    Administrator

    Status
    Offline
    Join Date
    Aug 2000
    Posts
    3,445

    Follow HTML On Twitter Add HTML on Facebook Add HTML on Google+ Add HTML on Linkedin Visit HTML's Youtube Channel
    Fix the errors listed at http://validator.w3.org/check?uri=http%3A%2F%2Fmajinrivals.t35.com%2Findex.html&charset=iso-8859-1+%28Western+Europe%29&doctype=Inline&verbose=1#line-35

  5. #5
    Android's Avatar

    Status
    Offline
    Join Date
    Oct 2002
    Location
    I AM CANADIAN
    Posts
    440
    So you're looking to convert the existing layout to a layout with one header, two columns, and a footer?
    Like:
    _______________
    | Header |
    ----------------
    | M | NEWS |
    | e | |
    | n | |
    | u | |
    -----------------
    | Footer |
    -----------------
    You have quite a few nested tables and div's there. I just want to make sure we're helping with the right question

  6. #6
    Android's Avatar

    Status
    Offline
    Join Date
    Oct 2002
    Location
    I AM CANADIAN
    Posts
    440
    LOL what Dave said. Most of the errors are alignment and padding and other styling elements. A layout like this can be done using either tables or divs, and I've always found it awkward to do both, as you're introducing too many ways to do the same thing. For this, I think Divs are the way to go. I also suggest making things different colours to start, you can always re-colour it after. It just makes it easier to identify the elements in the code.

  7. #7
    jinkazama's Avatar
    New User

    Status
    Offline
    Join Date
    Aug 2003
    Posts
    18
    yup thats what i am looking for

    ------------
    HEADER
    ------------
    M|NEWS |
    E| |
    N| |
    U| |
    ------------
    FOTER
    ------------

    and what do i need to fix on the line 35, if i fix it goes messed up news tabels runs over MENU or the menu bar despears?
    or any suggestions how i can get ride of the right side navigator with out lozing the colors. and with colors i can work later now they are fine
    Last edited by jinkazama; 09-10-2003 at 03:48 PM.

  8. #8
    jinkazama's Avatar
    New User

    Status
    Offline
    Join Date
    Aug 2003
    Posts
    18
    ok i got the tabel set up, but now i gto another problem my news tabel is too wide, i was hopeing to shrink it about like 10px on each side from the scorll bar and from the navigator. if you know how i can set this up i woudl really appreciate it.

    thx a bunch here is the new html code.

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title> Title Here </title>
    <style type="text/css">

    BODY {
    SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
    SCROLLBAR-SHADOW-COLOR: #333333; SCROLLBAR-3DLIGHT-COLOR: #064F71;
    SCROLLBAR-ARROW-COLOR: #064F71; SCROLLBAR-TRACK-COLOR: #000000;
    SCROLLBAR-DARKSHADOW-COLOR: #000000;
    }

    <!--
    .link_black { color: #404040; text-decoration: none; }
    .link_black:hover { color: #000000; text-decoration: none; }

    .link_black { color: #848484; text-decoration: none; }
    .link_black:hover { color: #404040; text-decoration: none; }

    .link_black { color: #000000; text-decoration: none; }
    .link_black:hover { color: #404040; text-decoration: none; }

    p { text-align: justify; line-height: 175% }
    -->
    </style>

    </head>
    <body bgcolor="#F6F4F4" marginwidth="0" marginheight="0" leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" text="#000000" link="#000000" vlink="#000000" alink="#000000">
    <div align="center">
    <br>
    <table cellpadding="0" cellspacing=0"><tr><td><img src="logo.jpg" width="779" height="88" alt=" " border="0"></td></tr></table>
    <table width="779" cellspacing="0" cellpadding="0" bgcolor="#40588F" class="box">
    <tr>
    <td colspan="5" width="779" cellspacing="0" cellpadding="0" bgcolor="#8097BF" align="center" valign="center">
    <!-- Start Top Content -->
    <table cellspacing="0" cellpadding="0" width="777">
    <tr>
    <!-- Start First Top Content -->
    <td cellspacing="0" cellpadding="0" align="center">
    <table border="0" cellspacing="0" cellpadding="0">
    <tr><td align="left" cellspacing="0" cellpadding="0">
    <font size="1" face="verdana" color="#000000">
    </font></td>
    </tr>
    </table>
    </td>
    <!-- End First Top Content -->
    </tr>
    </table>
    <!-- End Top Content -->

    </td>
    </tr>
    <tr>
    <td colspan="5" width="779" cellspacing="0" cellpadding="0" bgcolor="#000000">
    </td>
    </tr>

    <tr>
    <td width="133" cellspacing="0" cellpadding="0" bgcolor="#C0C0C0" valign="top" align="center">
    <!-- Start Left Sub Table -->
    <div style="position: absolute; top: 150; left: 2; height: 531">

    <table width="131" cellspacing="0" cellpadding="0" bgcolor="#E2E2E2" class="box">
    <tr>
    <td width="131" cellspacing="0" cellpadding="0" bgcolor="#808080" height="18">
    <font size="1" face="verdana" color="#000000">
    <b>. : Navigation : .</b>
    </font>
    </td>
    </tr>
    <tr>
    <td width="131" cellspacing="0" cellpadding="0" bgcolor="#000000">
    </td>
    </tr>
    <tr>
    <td width="131" cellspacing="0" cellpadding="0" align="left">
    <font size="1" face="verdana" color="#000000"><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br><br>
    </font>
    </td>
    </tr>
    </table>
    <br>
    <table width="131" cellspacing="0" cellpadding="0" bgcolor="#E2E2E2" class="box">
    <tr>
    <td width="131" cellspacing="0" cellpadding="0" bgcolor="#808080" height="18">
    <font size="1" face="verdana" color="#000000">
    <b>. : Navigation : .</b>
    </font>
    </td>
    </tr>
    <tr>
    <td width="131" cellspacing="0" cellpadding="0" bgcolor="#000000">
    </td>
    </tr>
    <tr>
    <td width="131" cellspacing="0" cellpadding="0" align="left">
    <font size="1" face="verdana" color="#000000"><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br><br>
    </font>
    </td>
    </tr>
    </table>
    <br>
    <table width="131" cellspacing="0" cellpadding="0" bgcolor="#E2E2E2" class="box">
    <tr>
    <td width="131" cellspacing="0" cellpadding="0" bgcolor="#808080" height="18">
    <font size="1" face="verdana" color="#000000">
    <b>. : Navigation : .</b>
    </font>
    </td>
    </tr>
    <tr>
    <td width="131" cellspacing="0" cellpadding="0" bgcolor="#000000">
    </td>
    </tr>
    <tr>
    <td width="131" cellspacing="0" cellpadding="0" align="left">
    <font size="1" face="verdana" color="#000000"><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br>
    &nbsp;- <a href=" " class="link_black">Link Here</a><br><br>
    </font>
    </td>
    </tr>
    </table>

    <br>
    </div>
    <!-- End Left Sub Table -->
    </td>
    <td width="1" cellspacing="0" cellpadding="0" bgcolor="#000000">
    </td>
    <td width="505" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF" valign="top" align="center">
    <!-- Start Middle Sub Table -->
    <br>
    <table width="645" cellspacing="0" cellpadding="0" bgcolor="#E2E2E2" class="box">
    <tr>
    <td width="505" cellspacing="0" cellpadding="0" bgcolor="#808080">
    <font size="1" face="verdana" color="#000000">
    <b>. : News & Updates</b>
    </font>
    </td>
    </tr>
    <tr>
    <td width="505" cellspacing="0" cellpadding="0" bgcolor="#000000">
    </td>
    </tr>
    <tr>
    <td width="505" cellspacing="0" cellpadding="0" valign="top" align="center">
    <br>
    <font size="1" face="verdana" color="#000000">
    <table border="0" width="640" cellspacing="0" cellpadding="0">
    <tr><td cellspacing="0" cellpadding="0">
    <font size="1" face="verdana" color="#000000">
    News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
    News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
    News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
    News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
    News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
    News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
    News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
    News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
    News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here
    News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here News Here <br>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <br><br><br><br><br>
    </font>
    </td></tr>
    </table>
    <br><br></font>
    </td>
    </tr>
    </table>


    <tr>
    <td colspan="5" width="779" cellspacing="0" cellpadding="0" bgcolor="#000000">
    </td>
    </tr>

    </table>
    <br>
    </div>
    </body>
    </html>

    and here is the site to how it looks like now

    http://majinrivals.t35.com/index.html

    thx once again if you know how i can fix that problem let me know ^-^

  9. #9
    HTML's Avatar
    Administrator

    Status
    Offline
    Join Date
    Aug 2000
    Posts
    3,445

    Follow HTML On Twitter Add HTML on Facebook Add HTML on Google+ Add HTML on Linkedin Visit HTML's Youtube Channel
    Again, fix the errors on this page http://validator.w3.org/check?uri=http%3A%2F%2Fmajinrivals.t35.com%2Findex.html&charset=iso-8859-1+%28Western+Europe%29&doctype=Inline&verbose=1 If you keep ignoring this you would probably ignore any other help also, so why should I spend my time combing through your code.

  10. #10
    jinkazama's Avatar
    New User

    Status
    Offline
    Join Date
    Aug 2003
    Posts
    18
    ok, there i have fixed it i can say its all fixed up adn it looks pretty good ehe, but there is one probly i cant remove one tabel because if i do the whole background for the news and upadte gets deleated but rest its all fine. so if any1 knows now how i can make the news section a bit smaller liek 10px on each side let me know. thx and i hope i fixed it enough.

    the url once again is:
    http://majinrivals.t35.com/index.php

    thx again

  11. #11
    HTML's Avatar
    Administrator

    Status
    Offline
    Join Date
    Aug 2000
    Posts
    3,445

    Follow HTML On Twitter Add HTML on Facebook Add HTML on Google+ Add HTML on Linkedin Visit HTML's Youtube Channel
    Here is part of the code you currently have
    Code:
    <td width="505" valign="top" align="center">
    <br>
    <font size="1" face="verdana" color="#000000">
     <table width="640">
    Here you have a nested table with the parent cell set at 505 and the included table set at 640, I think you can see the problem with this piece of code. It may or may not solve your problem, but these things need to be corrected.

    Dave

  12. #12
    jinkazama's Avatar
    New User

    Status
    Offline
    Join Date
    Aug 2003
    Posts
    18
    ahh yes i spoted the problem wow never relized it was that easy, lol but now that u explained that the background tabel is smaller then other tabel it all made sence thx a lot this really helped me out a lot.

    now any1 got any good color suggestions? let me know ill try all the color schemes you tell me. thx

    here is the link once again to fixed and set up tabel just help me out with color scheme and one thing is that tob banner and bottom footer share the same color

    http://majinrivals.t35.com/index.html
    Last edited by jinkazama; 09-10-2003 at 07:54 PM.



Tags for this Thread