Solved

how was this done

Posted on 2002-04-24
14
190 Views
Last Modified: 2010-04-09
if you go to this site, there is an effect that i would like to learn to do

http://www.massagetherapy.com/body.learn.800.htm

How did they place the inner frame box that holds the text info and how is it that it is scrollable and when a user cliks on a like to the left the contents within it change?
0
Comment
Question by:jonnydollar
  • 5
  • 3
  • 2
  • +3
14 Comments
 
LVL 19

Accepted Solution

by:
webwoman earned 100 total points
ID: 6966386
It's nothing but frames...
<html>
<head>
<title>MassageTherapy.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<frameset rows="430,*" frameborder="NO" border="0" framespacing="0" cols="*">
  <frameset rows="390,*" frameborder="NO" border="0" framespacing="0">
    <frame name="mainFrame" scrolling="NO" noresize src="main.learn.htm" frameborder="NO" >
    <frame name="botsquareFrame" scrolling="NO" noresize src="bot.box.htm" frameborder="NO" >
  </frameset>
  <frame name="botFrame" src="bot.htm" scrolling="NO" noresize frameborder="NO">
</frameset>
<noframes>
<body bgcolor="#FFFFFF" text="#000000">
</body>
</noframes>
</html>

Nothing complicated about it.
0
 
LVL 4

Expert Comment

by:EricWestbo
ID: 6967127
You can get a great deal of information on how to create and work with frames from w3school's tutorials:

http://www.w3schools.com/html/html_frames.asp

a little bit of practice and a lot of patience will help.  also, look into the IFRAME tag, which allows you to create a single "window" on your webpage without creating a whole lot of framesets.


hope this helps!
0
 
LVL 19

Expert Comment

by:webwoman
ID: 6967283
However, that's not what they did... theirs was just straight frames.

If you carefully set them up, you can get what they had. It's not particularly difficult.

Scrollbars come up when they're needed. Links are set with a TARGET attribute. Pretty standard stuff.

jonnydollar, check out the link EricWestBo gave you.
0
Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

 

Author Comment

by:jonnydollar
ID: 6968832
it seems as though they are using three frames. A header type, a footer, and a main which is the middle section where the content comes in. Is this assumtion close? Explain the way they sliced the page up in greater detail please becuase although i'm familar with frames I'm not that used to working with them.
0
 
LVL 4

Expert Comment

by:EricWestbo
ID: 6968901
Three main frames on this page:

Top = main.learn.htm
Middle = bot.box.htm
Bottom = bot.htm

main.learn.htm is them broken into frames again:

first row = top.learn.htm
second row broken into three columns =
- left.learn.types.htm
- copy.learn.types.htm
- right.htm


Here's a table layout depicting the way the frames are set up:

<table border="1" bordercolor="red" width="50%">
<tr><td>
<table border="1" bordercolor="blue" width="100%">
<tr><td colspan="3">&nbsp;</td></tr>
<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
</table>
</tr>
<tr><td>&nbsp;</td></tr>
<tr><td>&nbsp;</td></tr>
</table>
0
 
LVL 19

Expert Comment

by:webwoman
ID: 6968908
You've got it... and I posted the entire code for their frameset.

The didn't 'slice up the page', they created multiple pages, the center of which is ALSO a frameset (that's how the scrollbars got in the middle). Load up http://www.massagetherapy.com/main.learn.htm and you'll see.

It's a convoluted way to construct a site, and makes for a maintenance nightmare if the site gets very large, but it lets you do some interesting things.
0
 
LVL 4

Expert Comment

by:EricWestbo
ID: 6968927
this is why layers was created, eh?  less insanity.
0
 
LVL 2

Expert Comment

by:egbservices
ID: 6970613
Do you like frames... ;-)
Take a look at this... http://www.egb.swiss.org.nz/egb/
0
 
LVL 4

Expert Comment

by:EricWestbo
ID: 6971132
Jonny - were we able to answer your question or is there more we can help with?
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 7082603
This question has been abandoned. I will make a recommendation to the
moderators on its resolution in a week or two. I appreciate any comments
that would help me to make a recommendation.
<note>
   In the absence of responses, I will recommend DELETE where there is any
   question about its value as a PAQ.  Silence = you don't care
</note>

Cd&
0
 
LVL 2

Expert Comment

by:egbservices
ID: 7082630
Not much to cry out about this one from my side...
Have a good day, Edi
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 7101853
It is time to clean this abandoned question up.  

I am putting it on a clean up list for CS.

<recommendation>
points to webwoman

</recommendation>

If anyone participating in the Q disagrees with the recommendation,
please leave a comment for the mods.

Cd&
0
 
LVL 4

Expert Comment

by:EricWestbo
ID: 7102546
while I would have preferred that you recommended ME for these points, I have to admit that they wouldn't have been "earned" points.

Webwoman clearly got jonnydollar on track here & I second the recommendation.

/ew
0
 
LVL 1

Expert Comment

by:Moondancer
ID: 7112292
Thanks all, finalized.
Moondancer - EE Moderator
0

Featured Post

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

813 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now