th and border questions

Discussion in 'HTML' started by tshad, Dec 3, 2004.

  1. tshad

    tshad Guest

    I have a page that has multiple tables in them and I am trying to get my
    <th> row to align with my other tables. The problem is that it overlaps on
    the left and right side. You can see the green going about 3 pixels on
    either side of the lower tables. I tried padding and cellspacing for just
    that row, but I couldn't seem to get it right.

    The other problem is that I have my tables showing a border, but the I want
    the lines to merge top and bottom. Now they are one after the other.

    Here is my HTM file which should run as is. Have the same problem on IE and
    Mozilla.

    ********************************************************************************
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Untitled Document</title>
    <style type="text/css">
    body {
    font-size:10px;
    }
    th {
    background-color:#2FABAD;
    color:white;
    text-decoration: none;
    border-style:none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    }
    td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration: none;
    }
    ..alternateRow {
    background-color:linen;
    }
    </style>
    </head>
    <body>
    <center>
    <br>
    <table border="0" width="680" style="border-color:#00FFCC;" >
    <tr >
    <th colspan=9>Current Job Postings</th>
    </tr>
    <tr>
    <td>
    <table id="DataList1" cellspacing="0" cellpadding="0" border="0"
    style="margin:0">
    <tr>
    <td>
    <table border=1 cellspacing="0" cellpadding="0">
    <tr>
    <td valign="top" width="30">
    <input type="image" name="DataList1:_ctl0:ExpandButton"
    id="DataList1__ctl0_ExpandButton" src="../images/expand.gif" alt="Click here
    to see details" border="0" />
    </td>
    <td width="100">
    <span id="DataList1__ctl0_lblRefCode">1505</span>
    </td>
    <td width="210">
    <span id="DataList1__ctl0_lblJobTitle">Director of Marketing -
    Southern CA </span>
    </td>
    <td width="90">
    <span id="DataList1__ctl0_lblDivision">IT</span>
    </td>
    <td width="100">
    <span id="DataList1__ctl0_lblLocation">US-CA-Los Angeles</span>
    </td>
    <td width="30">
    <span id="DataList1__ctl0_lblDatePosted">51</span>
    </td>
    <td width="30">
    <span id="DataList1__ctl0_lblAccesses">1</span>
    </td>
    <td width="30">
    <span id="DataList1__ctl0_lblApplied">0</span>
    </td>
    <td width="30">
    <span id="DataList1__ctl0_lblpasses">0</span>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    <tr>
    <td class="alternateRow">
    <table border=1 cellspacing="0" cellpadding="0">
    <tr>
    <td valign="top" width="30">
    <input type="image" name="DataList1:_ctl1:ExpandButton"
    id="DataList1__ctl1_ExpandButton" src="../images/expand.gif" alt="Click here
    to see details" border="0" />
    </td>
    <td width="100">
    <span id="DataList1__ctl1_lblRefCode">110052-AC</span>
    </td>
    <td width="210">
    <span id="DataList1__ctl1_lblJobTitle">Direct Marketing
    Manager</span>
    </td>
    <td width="90">
    <span id="DataList1__ctl1_lblDivision">Management</span>
    </td>
    <td width="100">
    <span id="DataList1__ctl1_lblLocation">US-CA-Valencia</span>
    </td>
    <td width="30">
    <span id="DataList1__ctl1_lblDatePosted">52</span>
    </td>
    <td width="30">
    <span id="DataList1__ctl1_lblAccesses">1</span>
    </td>
    <td width="30">
    <span id="DataList1__ctl1_lblApplied">0</span>
    </td>
    <td width="30">
    <span id="DataList1__ctl1_lblpasses">0</span>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </body>
    </html>
    ********************************************************************************

    I have a larger css sheet, but I took out the pertinant parts so you could
    see what is happening. This actually came from an asp.net page, but I just
    viewed the source and took out all the extraneous parts to show the problem.

    Thanks,

    Tom.
     
    tshad, Dec 3, 2004
    #1
    1. Advertising

  2. tshad

    Neal Guest

    On Fri, 03 Dec 2004 01:59:28 GMT, tshad <>
    wrote:

    > I have a page that has multiple tables in them


    I'm sorry.

    > problem problem problem
    >
    > Here is my HTM file


    No.

    Post a URL. I'm not doing all the extra work to solve your problem.
    Neither are others. Think: if 10 people help you, 10 people have to
    recreate your page. Is that respectful of our time?
     
    Neal, Dec 3, 2004
    #2
    1. Advertising

  3. tshad

    rf Guest

    Neal
    > On Fri, 03 Dec 2004 01:59:28 GMT, tshad <>
    > wrote:
    >
    > > I have a page that has multiple tables in them

    >
    > I'm sorry.
    >
    > > problem problem problem
    > >
    > > Here is my HTM file

    >
    > No.
    >
    > Post a URL. I'm not doing all the extra work to solve your problem.
    > Neither are others. Think: if 10 people help you, 10 people have to
    > recreate your page. Is that respectful of our time?


    The page can not be recreated. The images aren't there.

    --
    Cheers
    Richard.
     
    rf, Dec 3, 2004
    #3
  4. tshad

    rf Guest

    tshad

    > I have a page that has multiple tables in them and I am trying to get my
    > <th> row to align with my other tables.


    You won't either. If you think you have then just wait until your viewer
    changes her font size or her browser dimensions. The rows will no longer be
    aligned.

    URL?

    --
    Cheers
    Richard.
     
    rf, Dec 3, 2004
    #4
  5. tshad

    Neal Guest

    rf
    > Neal
    >> Post a URL. I'm not doing all the extra work to solve your problem.
    >> Neither are others. Think: if 10 people help you, 10 people have to
    >> recreate your page. Is that respectful of our time?

    > The page can not be recreated. The images aren't there.


    Even worse. What, is this the fucking 24-hour Internet Help Desk?
     
    Neal, Dec 3, 2004
    #5
  6. tshad

    Karl Core Guest

    Karl Core, Dec 3, 2004
    #6
  7. Beauregard T. Shagnasty, Dec 3, 2004
    #7
  8. tshad

    tshad Guest

    "Neal" <> wrote in message
    news:eek:...
    > On Fri, 03 Dec 2004 01:59:28 GMT, tshad <>
    > wrote:
    >
    >> I have a page that has multiple tables in them

    >
    > I'm sorry.
    >
    >> problem problem problem
    >>
    >> Here is my HTM file

    >
    > No.
    >
    > Post a URL. I'm not doing all the extra work to solve your problem.
    > Neither are others. Think: if 10 people help you, 10 people have to
    > recreate your page. Is that respectful of our time?


    Sorry. At the moment I don't have a site to post it to. I didn't notice
    that there were images on the page.

    I thought I was being respective of everyones time. This is just a snippet
    of the actual page that shows only the problem. I had ran the page, viewed
    the source and stripped out all the lines that had nothing to do with the
    problem (sorry about the images). I also stripped out the css sections that
    had only to do with this page.

    Here is the page without images.

    **********************************************************************************
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Untitled Document</title>
    <style type="text/css">
    body {
    font-size:10px;
    }
    th {
    background-color:#2FABAD;
    color:white;
    text-decoration: none;
    border-style:none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    }
    td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-decoration: none;
    }
    ..alternateRow {
    background-color:linen;
    }
    </style>
    </head>
    <body>
    <center>
    <br>
    <table border="0" width="680" style="border-color:#00FFCC;" >
    <tr >
    <th colspan=9>Current Job Postings</th>
    </tr>
    <tr>
    <td>
    <table id="DataList1" cellspacing="0" cellpadding="0" border="0"
    style="margin:0">
    <tr>
    <td>
    <table border=1 cellspacing="0" cellpadding="0">
    <tr>
    <td valign="top" width="30">I
    </td>
    <td width="100">
    <span id="DataList1__ctl0_lblRefCode">1505</span>
    </td>
    <td width="210">
    <span id="DataList1__ctl0_lblJobTitle">Director of Marketing -
    Southern CA </span>
    </td>
    <td width="90">
    <span id="DataList1__ctl0_lblDivision">IT</span>
    </td>
    <td width="100">
    <span id="DataList1__ctl0_lblLocation">US-CA-Los Angeles</span>
    </td>
    <td width="30">
    <span id="DataList1__ctl0_lblDatePosted">51</span>
    </td>
    <td width="30">
    <span id="DataList1__ctl0_lblAccesses">1</span>
    </td>
    <td width="30">
    <span id="DataList1__ctl0_lblApplied">0</span>
    </td>
    <td width="30">
    <span id="DataList1__ctl0_lblpasses">0</span>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    <tr>
    <td class="alternateRow">
    <table border=1 cellspacing="0" cellpadding="0">
    <tr>
    <td valign="top" width="30">I
    </td>
    <td width="100">
    <span id="DataList1__ctl1_lblRefCode">110052-AC</span>
    </td>
    <td width="210">
    <span id="DataList1__ctl1_lblJobTitle">Direct Marketing
    Manager</span>
    </td>
    <td width="90">
    <span id="DataList1__ctl1_lblDivision">Management</span>
    </td>
    <td width="100">
    <span id="DataList1__ctl1_lblLocation">US-CA-Valencia</span>
    </td>
    <td width="30">
    <span id="DataList1__ctl1_lblDatePosted">52</span>
    </td>
    <td width="30">
    <span id="DataList1__ctl1_lblAccesses">1</span>
    </td>
    <td width="30">
    <span id="DataList1__ctl1_lblApplied">0</span>
    </td>
    <td width="30">
    <span id="DataList1__ctl1_lblpasses">0</span>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </body>
    </html>
    **********************************************************************************

    Thanks,

    Tom
     
    tshad, Dec 3, 2004
    #8
  9. Leif K-Brooks, Dec 3, 2004
    #9
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. tshad
    Replies:
    0
    Views:
    2,264
    tshad
    Jan 31, 2005
  2. phl
    Replies:
    1
    Views:
    4,351
    Martin Jay
    Jun 8, 2006
  3. Coder
    Replies:
    1
    Views:
    702
    Cowboy \(Gregory A. Beamer\)
    Jun 24, 2006
  4. =?UTF-8?B?TWFydGluIFDDtnBwaW5n?=

    border-color: #003366; border-width: 2px;

    =?UTF-8?B?TWFydGluIFDDtnBwaW5n?=, Jul 17, 2006, in forum: HTML
    Replies:
    64
    Views:
    3,533
    Adrienne Boswell
    Jul 30, 2006
  5. Ali Syed
    Replies:
    3
    Views:
    559
    Mark McIntyre
    Oct 13, 2004
Loading...

Share This Page