th and border questions

T

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. 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.
 
N

Neal

I have a page that has multiple tables in them
Click to expand...

I'm sorry.
problem problem problem

Here is my HTM file
Click to expand...

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?
 
R

rf

Neal
I'm sorry.


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?
Click to expand...

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

rf

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.
Click to expand...

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?
 
T

tshad

Neal said:
I'm sorry.


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?
Click to expand...

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
 

Ask a Question

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

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Can someone tell me if this a real tracker? Or is it one designed to show you a different message at certain times, ie. acting like one? 0
Can anyone please help? HTML - two tables applying different styles 4
I am using 2 loops, 1 for input and 1 for td. Can we achieve the same functionality with 1 loop in Jquery? 4
SendGrid email issue in responsive Gmail 1
Sort by number of characters 1
Filter table rows based on multiple checkboxes value 2
Nested Loop Insert Page Break 1
Image shifts to the right when export the page to pdf 4

Members online

No members online now.
Total: 22 (members: 1, guests: 21)
Robots: 150

Forum statistics

Threads
473,774
Messages
2,569,599
Members
45,175
Latest member
Vinay Kumar_ Nevatia

Latest Threads

Top