Need help with HTML table with scrollbar?

A

Ashlyn ♥

New member
I am a beginner at making webpages. For Web Page Design I have a project. For one of the pages I am trying to figure out how to put in a table with a scrollbar. A table embedded in the webpage that has a scrollbar. In the table I want to have a picture on the left and writing on the right of the picture. Is this possible?
How would I put two html tables with scrollbars on the same page and with space between them? One scrolling table contains pictures from one trip. The second scrolling table contains pictures from another trip.
 
Sure it is - but you would apply the scroll to a div tag around the table.

<style>
.scroll {
border-right: #5F6C7B 0px solid;
padding-right: 0px;
background-position: 0% 50%;
border-top: #5F6C7B 0px solid;
padding-left: 2px;
background-attachment: scroll;
padding-bottom: 2px;
overflow: auto;
border-left: #5F6C7B 0px solid;
padding-top: 2px;
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>

<div class="scroll" style="height:50px;">
put table here
</div>
 
try this...

<div style="overflow:auto; width:WIDTH; height:HEIGHT;">
<img src="IMAGE URL" align="left">TEXT
</div>
 
try this...

<div style="overflow:auto; width:WIDTH; height:HEIGHT;">
<img src="IMAGE URL" align="left">TEXT
</div>
 
Sure it is - but you would apply the scroll to a div tag around the table.

<style>
.scroll {
border-right: #5F6C7B 0px solid;
padding-right: 0px;
background-position: 0% 50%;
border-top: #5F6C7B 0px solid;
padding-left: 2px;
background-attachment: scroll;
padding-bottom: 2px;
overflow: auto;
border-left: #5F6C7B 0px solid;
padding-top: 2px;
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>

<div class="scroll" style="height:50px;">
put table here
</div>
 
Sure it is - but you would apply the scroll to a div tag around the table.

<style>
.scroll {
border-right: #5F6C7B 0px solid;
padding-right: 0px;
background-position: 0% 50%;
border-top: #5F6C7B 0px solid;
padding-left: 2px;
background-attachment: scroll;
padding-bottom: 2px;
overflow: auto;
border-left: #5F6C7B 0px solid;
padding-top: 2px;
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>

<div class="scroll" style="height:50px;">
put table here
</div>
 
Back
Top