Scrolling data/table in a cell

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

Has anyone got any recomendations to acheive the following

I would like to have an upcomming events area in a cell eg

Date, Event, Location etc (There would be many of these)
The idea is to have the data in a table and then have the ability to scroll
the data/table in a cell.

TIA
Regards Doug
 
Use a scrolling div.

CAUTION - the contents of such things do NOT print, unless you explicitly
style them to do so in a print stylesheet. In addition, they are not really
the most user friendly way to present your content.

But - if you must, then consider this -

<td><div style="height 200px; overflow:auto;">tons of content
here</div></td>
 
Thank Murray,
tryed that bit of code however I'm not up with all this very well
The cell just gets bigger when I enter more data (cell not locked in
vertical size with no scroll bar)
Do you know if there is some complete code or info to do this?
Thanks again
 
Sorry. Let me try again -

<td><div style="height:200px; overflow:auto;">tons of content
here</div></td>

(note the colon between 'height' and '200px;')
 
Thanks again,
That works now, can you check out the site www.lodgearboreal.com.au
I have put it up as a test any ideas as to why it has a extra column on the
left?
Also is ther a way to have each line slit up into columns
so that the date s would be under each other etc?
 
because that table has two columns - i guess you could line your content up
better by adding some rows to that table


| Thanks again,
| That works now, can you check out the site www.lodgearboreal.com.au
| I have put it up as a test any ideas as to why it has a extra column on
the
| left?
| Also is ther a way to have each line slit up into columns
| so that the date s would be under each other etc?
| "Murray" wrote:
|
| > Sorry. Let me try again -
| >
| > <td><div style="height:200px; overflow:auto;">tons of content
| > here</div></td>
| >
| > (note the colon between 'height' and '200px;')
| >
| > --
| > Murray
| > --------------
| > MVP FrontPage
| >
| >
| > | > > Thank Murray,
| > > tryed that bit of code however I'm not up with all this very well
| > > The cell just gets bigger when I enter more data (cell not locked in
| > > vertical size with no scroll bar)
| > > Do you know if there is some complete code or info to do this?
| > > Thanks again
| > >
| > > "Murray" wrote:
| > >
| > >> Use a scrolling div.
| > >>
| > >> CAUTION - the contents of such things do NOT print, unless you
explicitly
| > >> style them to do so in a print stylesheet. In addition, they are not
| > >> really
| > >> the most user friendly way to present your content.
| > >>
| > >> But - if you must, then consider this -
| > >>
| > >> <td><div style="height 200px; overflow:auto;">tons of content
| > >> here</div></td>
| > >>
| > >> --
| > >> Murray
| > >> --------------
| > >> MVP FrontPage
| > >>
| > >>
| > >> | > >> > Has anyone got any recomendations to acheive the following
| > >> >
| > >> > I would like to have an upcomming events area in a cell eg
| > >> >
| > >> > Date, Event, Location etc (There would be many of these)
| > >> > The idea is to have the data in a table and then have the ability
to
| > >> > scroll
| > >> > the data/table in a cell.
| > >> >
| > >> > TIA
| > >> > Regards Doug
| > >> >
| > >> >
| > >>
| > >>
| > >>
| >
| >
| >
 
I just added a one column one line table to a cell and then add the code
below and that created the extra column, I dont seem to be able to get ride
of the extra column

I have fixed the line up thing by just adding another table into the scoll
area with the required lines and columns

Its good when works
 
Doug said:
I just added a one column one line table to a cell and then add the
code below and that created the extra column, I dont seem to be able
to get ride of the extra column

I have fixed the line up thing by just adding another table into the
scoll area with the required lines and columns

Its good when works
Click to expand...

Hi from Australia.
The US people won't be posting too much at this hour.

I had a look at the row which has a scroll bar in it. You do have a nested
cell which may be what you mean by an extra column.

I have changed it a bit to remove this nesting and place the date in one
column and the details in another.
See if this suits you better. I have tested it as much as I can. Without all
the images,etc. I can't do too much, but it seems to work

<tr>
<td colspan="4" align="center">
<div style="height:100px; overflow:auto;">
<table border="0" width="100%" cellspacing="0" cellpadding="0"
id="table2">
<tr>
<td>Friday 7th April</td> <td>Lodge arboreal Master Elect 2nd Degree
Obligation</td>
</tr>

<tr>
<td>Friday 12th May </td> <td>Lodge Arboreal Installation</td>
</tr>

<tr>
<td>Friday 9th June </td> <td>Lodge Arboreal 3rd Degree</td>
</tr>

<tr>
<td>next date </td> <td>next detail </td>
</tr>

<tr>
<td>next date </td> <td>next detail </td>
</tr>

<tr>
<td>next date </td> <td>next detail </td>
</tr>
</tr>
</table>
</div>
</td>
</tr>

I just noticed. You have another group of rows underneath this which is
formatted the same way as mine, except that it doesn't scroll.

So it seems you are almost there.
 
Many thanks,
All sorted out will work just fine now
Thanks again for your help
Regards Doug
 
As a non-programmer and complete novice, I would simply insert an excel
spreadsheet and clean it up to look the way I wanted it to. Easy to update
and maintain.
 
Back
Top