PDA

Click to See Complete Forum and Search --> : Scroll bars in tables?

Musica
05-12-2006, 12:12 PM
Is it possible to put a scroll bar in a cell within a table?

More importantly, is it possible without learning CSS? I know I have to, but I'm a little strapped for time!)

I'd be really grateful for help - even if it's just for someone to say 'no'!
porky
05-12-2006, 12:22 PM
iframe ?
Musica
05-12-2006, 12:25 PM
iframe ?

Thank you.

If it's possible to explain it quickly/easily, then how might I do that? (If it's not easy to explain, tell me to go away and look it up!)

I'm using Dreamweaver MX if that makes any difference.

And will that frame stay in the same place, regardless of the size of the browser?
the tree
05-12-2006, 12:36 PM
There is actually less than no reason to use an iframe.

Anyways:<table style="width: 500px; height: 600px; overflow: auto;">
...
</table>I know you didn't want to learn css, but does this really count as learning?
Musica
05-12-2006, 12:48 PM
OK. Forgive me for being utterly dense.

Can I use this for just one cell? Should I just leave out the width/height bits?

Maybe it's easier if I show it to you...

www.stephanieseeney.co.uk/Newwebsite (http://www.stephanieseeney.co.uk/Newwebsite)

Most links aren't active. However, the CV link works and is fine, but the Biog link is where I'm having trouble as there's too much text, so I'd like the cell to stay the same size and to have a scroll bar.
the tree
05-12-2006, 01:07 PM
<td style="overflow: auto;">might work, or you might need to define the height as well. Try it and see what happens.
Musica
05-12-2006, 01:19 PM
It doesn't seem to be working. Though it's highly possible that it's me that's the problem.

Any more ideas?

(sorry to be a pain!)
KDLA
05-12-2006, 02:53 PM
<tr>
<td style="height: 154px; max-height: 154px; overflow: scroll;" colspan="2" valign="top" bgcolor="#666666"> <div align="center">
<p><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif"><strong>Final
Recital</strong></font></p>
<p><strong><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">Monday
22nd May, 4pm<br>
<br>
Old Royal Naval College Chapel, Greenwich</font></strong></p>
<p><strong><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">Audience
welcomed! </font></strong></p>
</div></td>
</tr>

If you want it shorter, you'll need to change the height and max-height settings.

KDLA
Musica
05-16-2006, 03:05 AM
Thanks for the replies.

OK. I've tried things, I've re-tried things, I've deleted things and I've thrown my toys out of the pram.


It doesn't appear to be the scroll bar so much that's the problem (well, it might be), but more that I can't get the table to stay lined up in the correct way.

The site is here.... www.stephanieseeney.co.uk/Website (http://www.stephanieseeney.co.uk/Website)

and it should be fairly obvious what I want it to look like - a big square in the middle of the screen. But, well,... I can't do it.

Can any one help me?

Thanks!
KDLA
05-16-2006, 06:58 AM
You've indicated pixel widths for all the cells, but have this as the width of the table:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
You want to change 100% to 640 - the width of your banner, or else the widest element of your page.
KDLA
Musica
05-16-2006, 08:46 AM
I have blank cells around the outside which I've put the width/height as ="*".

I was trying to make the box always stay the same size, and always stay in the middle of the screen - regardless of the screen size.

Will this not work then?
KDLA
05-16-2006, 09:16 AM
The blank cells don't really help - they keep things from aligning correctly.
If you're wanting to keep the tables layout, here's what I suggest:

<body style="text-align: center;">
<table style="width: 640px; text-align: left; padding: 0; margin: 0;">
<tr>
<td colspan="2" height="128"><img src="Webbanner1.jpg" width="640" height="128" /></td>
</tr>
<tr>
<td style="height: 30px;" colspan="2">
<a href="biog.htm"><img src="Biogbutton.jpg" width="80" height="30" border="0"></a><a href="repertoire.htm"><img src="Repbutton.jpg" width="80" height="30" border="0"></a><a href="sounds.htm"><img src="Soundbutton.jpg" width="80" height="30" border="0"></a><a href="diary.htm"><img src="Diarybutton.jpg" border="0"></a><a href="CV.htm"><img src="CVbutton.jpg" border="0"></a><a href="gallery.htm"><img src="Gallerybutton.jpg" border="0"></a><a href="contact.htm"><img src="Contactbutton.jpg" border="0"></a><a href="links.htm"><img src="Linksbutton.jpg" border="0"></a>
</td>
</tr>
<tr>
<td style="width: 160px; background-color: #e5e5e5; color: white; text-align: center;">
<img src="Newsbutton.jpg" width="160" height="37" />
<p><strong>Final Recital</strong></p>
<p><em>Monday 22nd May, 4pm<br />
Old Royal <br />
Naval College Chapel, <br />
Trinity College of Music, <br />
Greenwich, SE10</em></p></td>
<td style="background-color: #E5E5E5; text-align: center;">
<p><em>Welcome to the website of mezzo-soprano Stephanie
Seeney. Please feel free to have a look around and, should you need any
further information, do not hesitate to <a href="mailto:mail@stephanieseeney.co.uk">contact
me</a>. </em></p>
</td>
</tr>
<tr>
<td colspan="2" width="640" height="42"><img src="Bottombanner1.jpg" width="640" height="42" /></td>
</tr>
</table>
</body>
You only need two columns, and three rows.
KDLA
KDLA
KDLA
05-16-2006, 09:22 AM
Sorry - this popped into my mind after hitting submit:
Also, you may need to add this coding to your image string in the navigation.
Each image will need style="margin: 0; padding: 0;" in each tag.
Like this:
<img src="Biogbutton.jpg" style="width: 80px; height: 30px; margin: 0; padding: 0;">
KDLA