How can I add a scroll bar inside my table? | fedest.com

English Deutsch Français Italiano Español Português 繁體中文 Bahasa Indonesia Tiếng Việt ภาษาไทย

All categories

0 ⤊

How can I add a scroll bar inside my table?

I am developing a website. I have a table with a header, a left menu, a content cell in the center and a right menu...I don't like the fact that the more I add to the content in the center, the longer the table becomes, so I wanna add a scroll bar to both left & right menu & the center "content"...I have no clue how. Can someone help? Thanks in advance! :)

2006-09-09 23:56:51 · 4 answers · asked by ♥O.F.F.B.E.A.T. 2 in Computers & Internet ➔ Internet

If you wanna check out the site:
http://www.elegantpunk.com/index.html

2006-09-09 23:59:37 · update #1

4 answers

Use a floating frame tag. Dont forget to look up its attributes on http://www.w3schools.com/. </p> <p> <small> 2006-09-10 00:05:03 · <a href="#answer20060910000503">answer #1</a> · <span>answered by <u>ash_m_79</u> <b>6</b></span> · <span>0<span style='color:green;'>⤊</span></span> <span>1<span style='color:red;'>⤋</span></span> </small> </p> </div> <div id="answer20060910000147" class='answer' >  <p class='answer-content' lang="en"> The easiest way that springs to my mind is an iframe. Take the table and its contents and put it in a separate page. Then call that page as the src of an iframe.<br /> <br /> Find a tutorial on iframes using the link below </p> <p> <small> 2006-09-10 00:01:47 · <a href="#answer20060910000147">answer #2</a> · <span>answered by <u>teef_au</u> <b>6</b></span> · <span>0<span style='color:green;'>⤊</span></span> <span>1<span style='color:red;'>⤋</span></span> </small> </p> </div> <div id="answer20060910000034" class='answer' >  <p class='answer-content' lang="en"> In table true the scroll bar property </p> <p> <small> 2006-09-10 00:00:34 · <a href="#answer20060910000034">answer #3</a> · <span>answered by <u>Bali Ram</u> <b>1</b></span> · <span>0<span style='color:green;'>⤊</span></span> <span>1<span style='color:red;'>⤋</span></span> </small> </p> </div> <div id="answer20060910000750" class='answer' >  <p class='answer-content' lang="en"> A frameset is perfect for this >>> <br /> save this as an HTML file and reference the files in each frame tag to your own pages.<br /> <br /> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><br /> <HTML><br /> <HEAD><br /> <TITLE>Photos</TITLE><br /> <META http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><br /> </HEAD><br /> <br /> <br /> <frameset rows="40,*" border=0 name="mainframeset"><br /> <frame name="banner" src="../Photos/TopBanner.aspx" scrolling="no" noresize scrolling="no"><br /> <frameset cols="200,*" FRAMEBORDER="0" BORDER="0" name="MainFrame" noresize scrolling="no"><br /> <FRAME src="../Photos/NavBlank.aspx" NAME="LeftFrame" scrolling=YES><br /> <FRAME src="../Photos/AlbumIndex.aspx" name="RightFrame" scrolling=yes><br /> </frameset><br /> <br /> <br /> <NOFRAMES><br /> <BODY><br /> Viewing this page requires a browser capable of displaying frames.<br /> </BODY><br /> </NOFRAMES><br /> </FRAMESET><br /> </HTML> </p> <p> <small> 2006-09-10 00:07:50 · <a href="#answer20060910000750">answer #4</a> · <span>answered by <u>Anonymous</u></span> · <span>0<span style='color:green;'>⤊</span></span> <span>0<span style='color:red;'>⤋</span></span> </small> </p> </div> </div> </article> </section> <div style="background:#888;padding:8px;margin-top:16px;"> fedest.com, questions and answers </div> </body> </html>