Advertisement

04.25.2008 at 07:41AM PDT, ID: 23353661
[x]
Attachment Details

Table row not collapsing

Asked by ruscomp in Cascading Style Sheets (CSS), Hypertext Markup Language (HTML), Dynamic HTML (DHTML)

Tags: CSS, HTML

I cannot seem to get the rows to collapse down, they almost have a double height? I've played around with the css alot and cannot get it to trim down. I need to find a way to trim it down but also so that if the data in the right column is bigger, it will still expand. You will see what I mean when you look at the page.

Any help would be greatly appreciated.

Start Free Trial 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:

<html>
<head>
<style type="text/css">
.tableStyle{font-family: Verdana; font-size: 10pt;}
.rowStyle{height:16px;color: #000000;background-color:#F2F2F2;}
.rowStyle:hover{color: #000000;background-color: #C7DCEF;}
.rowStyle td{height:16px;padding:2px 2px 2px 2px;}
.rowStyle td:hover{border: 2px solid #444444;padding:0;}
.rowStyle a{color: #0000AA;text-decoration: underline;}
.rowStyle a:visited{color: #0000AA;}
.rowStyle th{height:19px;background-color: #FFFFFF;vertical-align:top;}
 
.rowStyleAlt{height:16px;color: #000000;background-color: #FFFFFF;}
.rowStyleAlt:hover{color: #000000;background-color: #C7DCEF;}
.rowStyleAlt td{height:16px;padding:2px 2px 2px 2px;}
.rowStyleAlt td:hover{border: 2px solid #444444;padding:0;}
.rowStyleAlt a{color: #0000AA;text-decoration: underline;}
.rowStyleAlt a:visited{color: #0000AA;}
.rowStyleAlt th{height:19px;background-color: #FFFFFF;vertical-align:top;}
 
</style>
</head>
<body>
<div><h2>0001000418</h2>
<table border="1" cellpadding="3" cellspacing="0">
<colgroup>
<col width="150" />
<col width="450" />
</colgroup>
<tr class="rowStyle">
<th><img src="th_bg.bmp" style="width:100%;height:19px;" /><span style="position:relative;top:-19px;float:left;height:0px;text-align:left;">Store</span></th>
<td>1</td>
</tr>
<tr class="rowStyleAlt">
<th><img src="th_bg.bmp" style="width:100%;height:19px;" /><span style="position:relative;top:-19px;float:left;height:0px;text-align:left;">Contractor Code</span></th>
<td>LUSK1</td>
</tr>
<tr class="rowStyle">
<th><img src="th_bg.bmp" style="width:100%;height:19px;" /><span style="position:relative;top:-19px;float:left;height:0px;text-align:left;">Contractor</span></th>
<td>LUSK COMMERCIAL SERVICES INC</td>
</tr>
<tr class="rowStyleAlt">
<th><img src="th_bg.bmp" style="width:100%;height:19px;" /><span style="position:relative;top:-19px;float:left;height:0px;text-align:left;">Date</span></th>
<td>4/17/2008</td>
</tr>
</table>
</div>
</body>
</html>
[+][-]04.26.2008 at 07:59AM PDT, ID: 21445724

At Experts Exchange, members can ask their questions to thousands of technology professionals, also known as Experts. Experts compete and collaborate to answer those questions by leaving comments like this one.

Start your 7-day free trial to view this Expert Comment or ask the Experts your question.

 
[+][-]04.28.2008 at 05:32AM PDT, ID: 21453273

Often, when Experts are collaborating with members who have asked questions, they will request additional information about the problem. Askers respond with an author comment like this one.

Start your 7-day free trial to view this Author Comment or ask the Experts your question.

 
[+][-]04.28.2008 at 06:10AM PDT, ID: 21453576

View this solution now by starting your 7-day free trial. Setting up your free trial is quick, easy, and secure. We will return you to this solution, unlocked, when you're done.

 

About this solution

Zones: Cascading Style Sheets (CSS), Hypertext Markup Language (HTML), Dynamic HTML (DHTML)
Tags: CSS, HTML
Sign Up Now!
Solution Provided By: GreenGhost
Participating Experts: 1
Solution Grade: A
 
 
[+][-]04.28.2008 at 06:16AM PDT, ID: 21453630

Often, when Experts are collaborating with members who have asked questions, they will request additional information about the problem. Askers respond with an author comment like this one.

Start your 7-day free trial to view this Author Comment or ask the Experts your question.

 
[+][-]04.28.2008 at 05:08PM PDT, ID: 21458673

At Experts Exchange, members can ask their questions to thousands of technology professionals, also known as Experts. Experts compete and collaborate to answer those questions by leaving comments like this one.

Start your 7-day free trial to view this Expert Comment or ask the Experts your question.

 
[+][-]04.29.2008 at 05:55AM PDT, ID: 21461691

Often, when Experts are collaborating with members who have asked questions, they will request additional information about the problem. Askers respond with an author comment like this one.

Start your 7-day free trial to view this Author Comment or ask the Experts your question.

 
 
Loading Advertisement...
20080716-EE-VQP-32 / EE_QW_2_20070628