Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Scrolling <TR> ?

Status
Not open for further replies.
NJDrew

NJDrew

Technical User
Dec 21, 2001
31
US
Please Help,
I’m writing a bunch of thumbnails to the bottom of a page using JavaScript. There can be as many as 100 thumbs and I do not want to <br> them onto separate lines. Is there a way to make a <tr> horizontally scrollable (aka panning)?

Here is some code:
Code: 
<head>
<script language="JavaScript">
     function newMap(y) {
          document.de.src= y+".jpg";
                        }
</script>
</head>
<body>
<img name=de src="1.jpg" align=center vspace=10>
  <table border=0 >
    <tr>
<script type="text/javascript">
i=1;
b=1;
while(i<=50){
document.write("<td rowspan=2><a href='#' OnMouseOver='newMap("+b+")'><IMG SRC='"+b+"t.JPG'></img></a></td>");
i++;
b++;
            }
</script>
    </tr>
  </table> 
</body>

There more tables and things around this, but that is the jist of my problem. Thank you, for your replys.

&quot;Mistakes are the portals of discovery&quot;
James Joyce
 
Sort by date Sort by votes
yes:

Code: 
<html>
	<head>
		<title>test</title>
		
		<style type="text/css">
			#row {
				width:250px;
				overflow:scroll;
				white-space:nowrap;
			}
		</style>
	</head>

	<body>
		<table>
			<tr>
				<td>
				<div id="row">
				lots of text lots of text lots of text lots of text 
				lots of text lots of text lots of text lots of text 
				lots of text lots of text lots of text lots of text 
				lots of text lots of text lots of text lots of text 
				lots of text lots of text lots of text lots of text 
				lots of text lots of text lots of text lots of text 
				</div>
				</td>
			</tr>
		</table>
	</body>
</html>

=========================================================
-jeff
try { succeed(); } catch(E) { tryAgain(); }
 
Upvote 0 Downvote
Thank you, thats what I was looking for.

Thanks again, Drew

&quot;Mistakes are the portals of discovery&quot;
James Joyce
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

c0deM0nK424
  • Locked
  • Question
Horrible Vile 'horizontal overflow' appearing on bootstrap smooth scrolling website ?
Replies
2
Views
68
vacunita
vacunita
lupidol
  • Locked
  • Question
CSS: How can I keep the header of an HTML table fixed while scrolling the page?
Replies
4
Views
105
jbenson001
jbenson001
LyndonOHRC
  • Locked
  • Question
Can I select all child TD's using Parent TR's id?
Replies
5
Views
255
vacunita
vacunita
javierdlm001
  • Locked
  • Question
How to make a Tree-branching kind of solution to find answers? 1
Replies
1
Views
85
vacunita
vacunita
PCHomepage
  • Locked
  • Question
iFrame Scrolling Without Body Scrolling
Replies
8
Views
494
PCHomepage
PCHomepage

Part and Inventory Search

Sponsor

Back
Top