srollbar in a table

This is a discussion on "srollbar in a table" within the Web Page Design section. This forum, and the thread "srollbar in a table are both part of the Design Your Website category.


 Subscribe in a reader

Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design
Reload this Page srollbar in a table

Notices
Please Register!
Webforumz.com is an education based community supporting web designers, developers and those who are new and learning. If you are a designer, developer, learning web design or are thinking about a career in web design then you have come to the right place. Register for free now to access more information and to participate in discussion and debate.




Reply
Page 1 of 2 1 2 >
 
LinkBack Thread Tools
  #1  
Old Mar 29th, 2006, 16:08
Highly Reputable Member
Join Date: Jul 2005
Location: Northampton, England
Age: 19
Posts: 506
Thanks: 0
Thanked 0 Times in 0 Posts
Wink srollbar in a table
hey as you allready know i am making a web site ( www.freewebs.com/casinodave ) BUT! you also know im a bit of a pain with it. If you go on my site and clik on the "Guide" page u will c that i hav a big toble with lots of pictures in it ad i was wondering if there was any way to put a scrol bar inside the table its self.. can anyone help me <3


p.s.. in my last thread someone complained about my spelling. im sorry but i have dificulty spelling im a bit thick
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote

  #2  
Old Mar 29th, 2006, 17:01
Highly Reputable Member
Join Date: May 2005
Location: U.K
Age: 21
Posts: 739
Thanks: 0
Thanked 0 Times in 0 Posts
Re: srollbar in a table
haha that was me! no biggies!

add this as a css class to the area in the table you want...
Code: Select all
overflow : auto;
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old Mar 29th, 2006, 17:14
Highly Reputable Member
Join Date: Jul 2005
Location: Northampton, England
Age: 19
Posts: 506
Thanks: 0
Thanked 0 Times in 0 Posts
Re: srollbar in a table
what the hell is css :S remember im new to this (laughs)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #4  
Old Mar 29th, 2006, 18:17
Highly Reputable Member
Join Date: May 2005
Location: U.K
Age: 21
Posts: 739
Thanks: 0
Thanked 0 Times in 0 Posts
Re: srollbar in a table
css is cascading style sheets.

they define styles and layouts to html pages...

http://www.w3.org/Style/CSS/ may help you
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #5  
Old Mar 30th, 2006, 12:10
New Member
Join Date: Mar 2006
Age: 19
Posts: 8
Thanks: 0
Thanked 0 Times in 0 Posts
Re: srollbar in a table
hmmm.. that doesn't work? I too want to create a similar effect. I made a quick example webpage:

HTML: Select all
<html>
<body>
<table style="overflow : auto; width: 400px; height: 100px;" border="1">
<tr>
<td>
<br />BLAH!
<br />BLAH!
<br />BLAH!
<br />BLAH!
<br />BLAH!
<br />BLAH!
<br />BLAH!
<br />BLAH!
<br />BLAH!
<br />BLAH!
<br />BLAH!
</td>
</tr>
</table>
</body>
</html>
Shouldn't that work?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #6  
Old Mar 30th, 2006, 14:13
Up'n'Coming Member
Join Date: Mar 2006
Posts: 59
Thanks: 0
Thanked 0 Times in 0 Posts
Re: srollbar in a table
I think there is a bit of a misunderstanding here. I believe want benbramz meant by "table area" was a <td> tag and not the actual <table> tag.

On a side note: I didn't know that overflow worked on tables as well or maybe I just forgot .
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #7  
Old Mar 30th, 2006, 15:47
New Member
Join Date: Mar 2006
Age: 19
Posts: 8
Thanks: 0
Thanked 0 Times in 0 Posts
Re: srollbar in a table
ahh gotchya. no it didnt work. i was confused why.. ill giv it a go in the "area" lolz.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #8  
Old Mar 30th, 2006, 15:49
New Member
Join Date: Mar 2006
Age: 19
Posts: 8
Thanks: 0
Thanked 0 Times in 0 Posts
Re: srollbar in a table
ok, in the <td> it has no effect, i tried it in the <tr> tag and it like moved the table so it was only around used areas.. if you get me.. it got thinner.

try it:

HTML: Select all
<html>
<body>
<table border="1">
<tr style="overflow : auto; width: 400px; height: 100px;">
<td>
BLAH!
<br />BLAH!
<br />BLAH!
<br />BLAH!
<br />BLAH!
<br />BLAH!
<br />BLAH!
<br />BLAH!
<br />BLAH!
<br />BLAH!
<br />BLAH!
</td>
</tr>
</table>
</body>
</html>
perhaps you could write up the html code for a working table scroll bar example, as i cant get it to work :S
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #9  
Old Mar 31st, 2006, 08:42
Highly Reputable Member
Join Date: May 2005
Location: U.K
Age: 21
Posts: 739
Thanks: 0
Thanked 0 Times in 0 Posts
Re: srollbar in a table
not the best example, but youll see what i mean...

Code: Select all
<div style=" width:200px; height:200px; overflow:auto;">
<table>
<tr>
<td>Blah!<br>
Blah!<br>
Blah!<br>
Blah!<br>
Blah!<br>
Blah!<br>
Blah!<br>
Blah!<br>
Blah!<br>
Blah!<br>
Blah!<br>
Blah!<br>
Blah!<br>
Blah!<br>
Blah!<br>
Blah!<br>
Blah!<br>
Blah!<br>
Blah!<br>
Blah!</td>
</tr>
</table>
</div>
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #10  
Old Apr 3rd, 2006, 22:46
New Member
Join Date: Mar 2006
Age: 19
Posts: 8
Thanks: 0
Thanked 0 Times in 0 Posts
Re: srollbar in a table
ahhh! goes in the "div" ;p

Thanks for that - gunna come in real handy some time!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #11  
Old Apr 4th, 2006, 07:23
Highly Reputable Member
Join Date: May 2005
Location: U.K
Age: 21
Posts: 739
Thanks: 0
Thanked 0 Times in 0 Posts
Re: srollbar in a table
let us know how u get on!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #12  
Old Apr 12th, 2006, 00:41
New Member
Join Date: Mar 2006
Age: 19
Posts: 8
Thanks: 0
Thanked 0 Times in 0 Posts
Re: srollbar in a table
hey, re-opening this topic... do you know a way of setting it to scroll vertically only? so there is never a horizontal scroll bar?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #13  
Old Apr 20th, 2006, 18:35
Junior Member
Join Date: Apr 2006
Posts: 16
Thanks: 0
Thanked 0 Times in 0 Posts
Re: srollbar in a table
Quote:
Originally Posted by MrAdam
hmmm.. that doesn't work? I too want to create a similar effect. I made a quick example webpage:

HTML: Select all
<html>
<body>
<table style="overflow : auto; width: 400px; height: 100px;" border="1">
<tr>
<td>
<br />BLAH!
<br />BLAH!
<br />BLAH!
<br />BLAH!
<br />BLAH!
<br />BLAH!
<br />BLAH!
<br />BLAH!
<br />BLAH!
<br />BLAH!
<br />BLAH!
</td>
</tr>
</table>
</body>
</html>
Shouldn't that work?
yes that will work
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #14  
Old Apr 20th, 2006, 22:40
New Member
Join Date: Mar 2006
Age: 19
Posts: 8
Thanks: 0
Thanked 0 Times in 0 Posts
Re: srollbar in a table
hmm, doesn't ... did with the div init tho...

and about the vertical scroll only.. is that possibile?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #15  
Old Apr 24th, 2006, 05:40
Highly Reputable Member
Join Date: Jul 2005
Location: Northampton, England
Age: 19
Posts: 506
Thanks: 0
Thanked 0 Times in 0 Posts
Unhappy Re: srollbar in a table
ok what you lot dont understand is that i am as thick as 2 short planks with this kind of stuff.. giv me a toilet and a few pipe you'l have a bathroom in no time but gime php html and css an u got me hangin from a rope that code workd and thank you for it but its in the middle of my table any sugestions?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #16  
Old Apr 24th, 2006, 13:36
Highly Reputable Member
Join Date: May 2005
Location: U.K
Age: 21
Posts: 739
Thanks: 0
Thanked 0 Times in 0 Posts
Re: srollbar in a table
what u mean, in the middle of your table..
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #17  
Old Apr 25th, 2006, 17:52
Highly Reputable Member
Join Date: Jul 2005
Location: Northampton, England
Age: 19
Posts: 506
Thanks: 0
Thanked 0 Times in 0 Posts
Talking Re: srollbar in a table
ok ill try and draw it lol i apologise for it now b4 i start it lol u might not get wat i mean but hey ...


___________________ ________________
| kjbfebirbwxlblfiblcbir| |pibhiubriubfriubcf|^|
| |^| | |oib ohcboiebcoirb| |
| | | | in stead of | iugbo ipuf | |
| | | | | | |
| |\/| | | | |
| hpriobcfripbrfpibifcb| | |\/|
|___________________| |_______________|_|


i don't know if you will get it but i tryed my best :S
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #18  
Old Apr 25th, 2006, 17:53
Highly Reputable Member
Join Date: Jul 2005
Location: Northampton, England
Age: 19
Posts: 506
Thanks: 0
Thanked 0 Times in 0 Posts
Re: srollbar in a table
ok that didnt turn out right :S for get it *haha*
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #19  
Old Apr 25th, 2006, 19:15
Highly Reputable Member
Join Date: May 2005
Location: U.K
Age: 21
Posts: 739
Thanks: 0
Thanked 0 Times in 0 Posts
Re: srollbar in a table
screenshot or a url?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #20  
Old Apr 25th, 2006, 20:21
Up'n'Coming Member
Join Date: Apr 2006
Location: Missouri
Age: 32
Posts: 65
Thanks: 0
Thanked 0 Times in 0 Posts
Re: srollbar in a table
Not to compliant but I think this is what you want.

HTML: Select all
<div style=" width:200px;height:200px;overflow:auto;overflow-x:hidden;">
<table>
<tr>
<td>Blah!<br>
Blah!<br>
Blah!