Frames with scroll bars

6 replies
  • WEB DESIGN
  • |
Not sure if that title is clear but I need to create a frame or box on a web site that will contain more information than the size of the box or frame will accommodate - requiring the use of a scroll bar to view all the content (similar to what appears in many sales letter for multiple products).

Is this a simple coding exercise or do I need to have a particular type of style sheet?:confused:
#bars #frames #scroll
  • Profile picture of the author write-stuff
    It's a simple paramater in the .html.
    {{ DiscussionBoard.errors[192825].message }}
    • Profile picture of the author artwebster
      Thanks write-stuff -

      I had sort of figured that out - but what is the parameter and how do I use it? Presumably it is a piece of code that defines a table - but what is that code? I have checked all my paperwork on HTML and can't find it.
      Signature

      You might not like what I say - but I believe it.
      Build it, make money, then build some more
      Some old school smarts would help - and here's to Rob Toth for his help. Bloody good stuff, even the freebies!

      {{ DiscussionBoard.errors[193161].message }}
  • Profile picture of the author LADWebDesign
    You can use something like this:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
    "http://www.w3.org/TR/html4/frameset.dtd">
    <html><head>
    <title>Welcome</title>
    <meta http-equiv="Content-type" content="text/html">
    </head>

    <frameset rows="*, 90" border="0" frameborder="no" framespacing="0">

    <frameset cols="150,*" border="0" frameborder="no" framespacing="0">
    <frame name="left" src="left.html" scrolling="auto">

    <frameset rows="100,*" border="0" frameborder="no" framespacing="0">
    <frame name="top" src="top.html" scrolling="auto">
    <frame name="contents" src="contents.html" scrolling="auto">
    </frameset>
    </frameset>

    <frame name="footer" src="footer.html" scrolling="auto">

    <noframes>
    <p>This site is best viewed in a browser that supports frames.</p>
    <p><a href="contents.html">Continue...</a></p>
    </noframes>

    </frameset>

    </html>


    The frames will automatically resize if the content is too wide/long.

    The above example has four separate frames - one for the header, footer, left and content.

    Linda
    {{ DiscussionBoard.errors[193218].message }}
  • Profile picture of the author jimbob
    You can use CSS to do this. Personally I use DIVs rather than frames, and then set the CSS accordingly. So, the HTML is:

    <div id="myBox">lots of content here</div>


    Then the CSS is:

    #myBox { overflow: scroll }


    You can of course control the size and position of myBox using CSS too.

    Hope that helps.

    Cheers,
    James
    Signature

    James Simpson

    {{ DiscussionBoard.errors[193930].message }}
    • Profile picture of the author kristine08m
      Frames

      With frames, you can display more than one HTML document in the same browser window. Each HTML document is called a frame, and each frame is independent of the others.
      The disadvantages of using frames are:
      • The web developer must keep track of more HTML documents
      • It is difficult to print the entire page
      The Frameset Tag

      • The <frameset> tag defines how to divide the window into frames
      • Each frameset defines a set of rows or columns
      • The values of the rows/columns indicate the amount of screen area each row/column will occupy
      The Frame Tag

      • The <frame> tag defines what HTML document to put into each frame
      In the example below we have a frameset with two columns. The first column is set to 25% of the width of the browser window. The second column is set to 75% of the width of the browser window. The HTML document "frame_a.htm" is put into the first column, and the HTML document "frame_b.htm" is put into the second column:
      <frameset cols="25%,75%">
      <frame src="frame_a.htm">
      <frame src="frame_b.htm">
      </frameset>
      If you know about html visit the w3schools.com..its is a tutorial about html and many more
      {{ DiscussionBoard.errors[194701].message }}

Trending Topics