Two HTML scrollable tables one below the other?

A

Ashlyn ♥

New member
So, this is my second time asking this question...but I am still not successful in getting two scrolling tables on the same page. One table below the other table. One scrolling section then a little space and then another scrolling section. Does anybody know how to do this? This is my code so far made in Notepad..

<HTML>

<HEAD>
<TITLE>Friends</TITLE>
</HEAD>

<BODY background="striples.bmp">


<center>
<style>
.scroll {
border-right: #5F6C7B 0px solid;
padding-right: 0px;
background-position: 0% 50%;
border-top: #5F6C7B 0px solid;
padding-left: 0px;
background-attachment: scroll;
padding-bottom: 2px;
overflow: auto;
border-left: #5F6C7B 0px solid;
padding-top: 0px;
border-bottom: #456174 0px solid;
background-repeat: repeat;
scrollbar-base-color: FFFFFF;
scrollbar-track-color: F9F9F9;
scrollbar-face-color: FFFFFF;
scrollbar-highlight-color: FFFFFF;
scrollbar-3dlight-color: 5F6C7B;
scrollbar-darkshadow-color: FFFFFF;
scrollbar-shadow-color: D1D7D9;
scrollbar-arrow-color: 5F6C7B;
}
</style>


<h2>Family</h2>

<div class="scroll" style="height:260px;">
<table width=500 border=3 bgcolor=white>
<TR><TD>Text<TD>Image
<TR><TD>Text<TD> Image
<TR><TD>Text<TD>Image
<TR><TD>Text<TD>Image
<TR><TD>Text<TD> Image
<TR><TD>Text<TD>Image
<TR><TD>Text<TD>Image
<TR><TD>Text<TD> Image
<TR><TD>Text<TD>Image
<TR><TD>Text<TD>Image
<TR><TD>Text<TD>Image
<TR><TD>Text<TD> Image
<TR><TD>Text<TD>Image
</div>
</td></tr></table>
 
Back
Top