It appears you have not yet registered with DEVPPL. To register please click here... (it's fast, easy and free!)

Forum

Log In Sponsors
Board index ‹ Programming ‹ HTML Forum

SCROLLER N BACKGROUND

Post a reply

SCROLLER N BACKGROUND

Postby guitar on Mon May 07, 2007 7:49 am

Hi,

I have made a search page where the results are displayed in a table. I have added a scroller using <div> tag. I have made the header row( that contains the column headings) not to scroll using position property.

My problem is...

When i scroll the table, all rows except header scrolls(that's fine)... but am able to see borders of cells in the header rows backgroud. It looks as if the header row is transparent... am able to see the cell borders behind header row, when table is scrolled.

Can anyone help me out?

Thanks,
Guitar.
guitar
 
Posts: 13
Joined: Mon May 07, 2007 5:49 am
Top

Postby generalchaos316 on Wed May 09, 2007 3:23 am

Can you paste your table code? Sounds like that is nothing a little CSS can't take care of.
generalchaos316
100+ Club
 
Posts: 101
Joined: Fri Mar 16, 2007 6:01 am
Top

RE:SCROLLER N BACKGROUND

Postby guitar on Wed May 09, 2007 6:18 am

Hi,

Thanks a lot for ur reply.

The following is a sample of my code...

<HTML>
<DIV style="width: 180 px;height:200 px;overflow:scroll">
<TABLE style="border: #003399 1px solid;background-color: #003399">
<tr style="position:relative;top: expression(ignoreme=this.offsetParent.scrollTop-3);font-family: Verdana, Tahoma, Arial, "Sans Serif", "Times New Roman";font-size: 8pt;font-weight: bold;color: #ffffff;height: 24px;">
<td align="center">Name</td>
<td align="center">Age</td>
<td align="center">Location</td>
</TR>
<tr style="color: #000000;background-color: #e4e4d7;font-family: Verdana, Tahoma, Arial, "Sans Serif", "Times New Roman";font-size: 8pt;font-weight: normal;height: 20px">
<td align="center">abc</td>
<td align="center">12</td>
<td align="center">loc1</td>
</tr>
<tr style="color: #000000; background-color: #f4f4e7; font-family: Verdana, Tahoma, Arial, "Sans Serif", "Times New Roman"; font-size: 8pt; font-weight: normal; height: 20px">
<td align="center">def</td>
<td align="center">13</td>
<td align="center">loc2</td>
</tr>
<tr style="color: #000000;background-color: #e4e4d7;font-family: Verdana, Tahoma, Arial, "Sans Serif", "Times New Roman";font-size: 8pt;font-weight: normal;height: 20px">
<td align="center">ghi</td>
<td align="center">13</td>
<td align="center">loc3</td>
</tr>
<tr style="color: #000000; background-color: #f4f4e7; font-family: Verdana, Tahoma, Arial, "Sans Serif", "Times New Roman"; font-size: 8pt; font-weight: normal; height: 20px">
<td align="center">jkl</td>
<td align="center">14</td>
<td align="center">loc4</td>
</tr>
<tr style="color: #000000;background-color: #e4e4d7;font-family: Verdana, Tahoma, Arial, "Sans Serif", "Times New Roman";font-size: 8pt;font-weight: normal;height: 20px">
<td align="center">mno</td>
<td align="center">15</td>
<td align="center">loc5</td>
</tr>
<tr style="color: #000000; background-color: #f4f4e7; font-family: Verdana, Tahoma, Arial, "Sans Serif", "Times New Roman"; font-size: 8pt; font-weight: normal; height: 20px">
<td align="center">pqr</td>
<td align="center">16</td>
<td align="center">loc6</td>
</tr>
<tr style="color: #000000;background-color: #e4e4d7;font-family: Verdana, Tahoma, Arial, "Sans Serif", "Times New Roman";font-size: 8pt;font-weight: normal;height: 20px">
<td align="center">stu</td>
<td align="center">16</td>
<td align="center">loc6</td>
</tr>
<tr style="color: #000000; background-color: #f4f4e7; font-family: Verdana, Tahoma, Arial, "Sans Serif", "Times New Roman"; font-size: 8pt; font-weight: normal; height: 20px">
<td align="center">vwx</td>
<td align="center">17</td>
<td align="center">loc7</td>
</tr>
<tr style="color: #000000;background-color: #e4e4d7;font-family: Verdana, Tahoma, Arial, "Sans Serif", "Times New Roman";font-size: 8pt;font-weight: normal;height: 20px">
<td align="center">y</td>
<td align="center">18</td>
<td align="center">loc8</td>
</tr>
<tr style="color: #000000; background-color: #f4f4e7; font-family: Verdana, Tahoma, Arial, "Sans Serif", "Times New Roman"; font-size: 8pt; font-weight: normal; height: 20px">
<td align="center">z</td>
<td align="center">19</td>
<td align="center">loc9</td>
</tr>

</TABLE>
</DIV>
</HTML>

Looking forward for a reply.

Thanks,
Guitar
guitar
 
Posts: 13
Joined: Mon May 07, 2007 5:49 am
Top

Postby generalchaos316 on Wed May 09, 2007 6:41 am

Ah, ok...I was mistaken by what you were trying to accomplish. I found a link of exactly what you are trying to do without all the Javascript that would be required to make this happen. Unfortunately, it is still a pretty daunting thing to pour over (the page source that is).

Check it out and I will see if I can't help to make some sense of it tomorrow if I have more time.

http://codylindley.com/blogstuff/css/pushpin/pushpin.html#
generalchaos316
100+ Club
 
Posts: 101
Joined: Fri Mar 16, 2007 6:01 am
Top

RE:SCROLLER N BACKGROUND

Postby guitar on Wed May 09, 2007 8:34 am

Hi,

Thank you... I'll try that out.

Thanks,
Guitar
guitar
 
Posts: 13
Joined: Mon May 07, 2007 5:49 am
Top

RE:SCROLLER N BACKGROUND

Postby guitar on Fri May 11, 2007 3:42 am

Hi,

Can i get some more info on it?


Thanks,
Guitar
guitar
 
Posts: 13
Joined: Mon May 07, 2007 5:49 am
Top

RE:SCROLLER N BACKGROUND

Postby guitar on Mon May 14, 2007 7:03 am

Hi,

My problem is solved... The following link helped a lot for this.. Thanks for your help.

http://www.topxml.com/code/default.asp? ... 0523204554


Thanks,
Guitar
guitar
 
Posts: 13
Joined: Mon May 07, 2007 5:49 am
Top

RE:SCROLLER N BACKGROUND

Postby guitar on Wed May 23, 2007 10:21 am

Hi,

How do i make my footer stable??? pls Help

<HTML>
<DIV style="width: 180 px;height:200 px;overflow:scroll">
<TABLE style="border: #003399 1px solid;background-color: #003399">
<tr style="position:relative;top: expression(ignoreme=this.offsetParent.scrollTop-3);background-color: #003399;font-family: Verdana, Tahoma, Arial, "Sans Serif", "Times New Roman";font-size: 8pt;font-weight: bold;color: #ffffff;height: 24px;">
<td align="center">Name</td>
<td align="center">Age</td>
<td align="center">Location</td>
</TR>
<tr style="color: #000000;background-color: #e4e4d7;font-family: Verdana, Tahoma, Arial, "Sans Serif", "Times New Roman";font-size: 8pt;font-weight: normal;height: 20px">
<td align="center">abc</td>
<td align="center">12</td>
<td align="center">loc1</td>
</tr>
<tr style="color: #000000; background-color: #f4f4e7; font-family: Verdana, Tahoma, Arial, "Sans Serif", "Times New Roman"; font-size: 8pt; font-weight: normal; height: 20px">
<td align="center">def</td>
<td align="center">13</td>
<td align="center">loc2</td>
</tr>
<tr style="color: #000000;background-color: #e4e4d7;font-family: Verdana, Tahoma, Arial, "Sans Serif", "Times New Roman";font-size: 8pt;font-weight: normal;height: 20px">
<td align="center">ghi</td>
<td align="center">13</td>
<td align="center">loc3</td>
</tr>
<tr style="color: #000000; background-color: #f4f4e7; font-family: Verdana, Tahoma, Arial, "Sans Serif", "Times New Roman"; font-size: 8pt; font-weight: normal; height: 20px">
<td align="center">jkl</td>
<td align="center">14</td>
<td align="center">loc4</td>
</tr>
<tr style="color: #000000;background-color: #e4e4d7;font-family: Verdana, Tahoma, Arial, "Sans Serif", "Times New Roman";font-size: 8pt;font-weight: normal;height: 20px">
<td align="center">mno</td>
<td align="center">15</td>
<td align="center">loc5</td>
</tr>
<tr style="color: #000000; background-color: #f4f4e7; font-family: Verdana, Tahoma, Arial, "Sans Serif", "Times New Roman"; font-size: 8pt; font-weight: normal; height: 20px">
<td align="center">pqr</td>
<td align="center">16</td>
<td align="center">loc6</td>
</tr>
<tr style="color: #000000;background-color: #e4e4d7;font-family: Verdana, Tahoma, Arial, "Sans Serif", "Times New Roman";font-size: 8pt;font-weight: normal;height: 20px">
<td align="center">stu</td>
<td align="center">16</td>
<td align="center">loc6</td>
</tr>
<tr style="color: #000000; background-color: #f4f4e7; font-family: Verdana, Tahoma, Arial, "Sans Serif", "Times New Roman"; font-size: 8pt; font-weight: normal; height: 20px">
<td align="center">vwx</td>
<td align="center">17</td>
<td align="center">loc7</td>
</tr>
<tr style="color: #000000;background-color: #e4e4d7;font-family: Verdana, Tahoma, Arial, "Sans Serif", "Times New Roman";font-size: 8pt;font-weight: normal;height: 20px">
<td align="center">y</td>
<td align="center">18</td>
<td align="center">loc8</td>
</tr>
<tr style="position: relative;bottom: expression(ignoreme=this.offsetParent.scrollBottom-3);background-color: #003399;font-family: Verdana, Tahoma, Arial, "Sans Serif", "Times New Roman";font-size: 8pt;font-weight: bold;color: #ffffff;height: 24px;">
<td align="center">page</td>
<td align="center">footer</td>
<td align="center">here</td>
</tr>
</TABLE>
</DIV>
</HTML>


Thanks,
Guitar
guitar
 
Posts: 13
Joined: Mon May 07, 2007 5:49 am
Top
Post a reply

Who is online

Users browsing this forum: No registered users and 5 guests