[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

viewing a table from a scrollable window?

Posted on 2007-08-10
4
Medium Priority
?
165 Views
Last Modified: 2010-04-09
Hi, I have a table with 15 rows and 5 columns. I will like to have this table visible from a scrollable window. How can I place this table in a textarea kind of box? Thanks for the help.

A

             
 




             
            
0
Comment
Question by:aej1973
  • 2
  • 2
4 Comments
 
LVL 22

Accepted Solution

by:
RedKelvin earned 500 total points
ID: 19668966
Hi there
Also you need to do is create a scrollable div and put your table within it, check this out
http://www.htmlite.com/faq015.php

RedK
0
 

Author Comment

by:aej1973
ID: 19669012
Hello Kelvin, thanks for the response. This does not seem to work. My code is as follows. I get only a  window but the table is not visible....

 <div style="border : solid 2px #ff0000;  color : #ffffff; padding : 4px; width : 200px; height : 50px; overflow : auto; ">
              <table width="200" border="1" cellpadding="2" bordercolordark="#000099">
  <tr>
    <td>bob</td>
    <td>bill</td>
    <td>bill</td>
  </tr>
  <tr>
   <td>bob</td>
    <td>bill</td>
    <td>bill</td>
  </tr>
  <tr>
   <td>bob</td>
    <td>bill</td>
    <td>bill</td>
  </tr>
</div>
0
 
LVL 22

Expert Comment

by:RedKelvin
ID: 19669048
Hi,
I think the problem was that you did not close the table before the div, here is my code, works in IE and FF

<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title></title>
</head>
<body>
 <div style="border : solid 2px #ff0000;  color : #ffffff; padding : 4px; width : 200px; height : 50px; overflow : auto; ">
              <table width="200" border="1" cellpadding="2" bordercolordark="#000099">
  <tr>
    <td>bob</td>
    <td>bill</td>
    <td>bill</td>
  </tr>
  <tr>
   <td>bob</td>
    <td>bill</td>
    <td>bill</td>
  </tr>
  <tr>
   <td>bob</td>
    <td>bill</td>
    <td>bill</td>
  </tr>
  </table>
</div>
</body>
</html>
0
 

Author Comment

by:aej1973
ID: 19669098
Thank you! That woks.

A
0

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
The first step to building an amazing About page is to figure out what you want the page to say about your company. You then must grab the attention of the reader, boast a bit, tell a story and let others brag about you. With a little bit of thought…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses

872 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question