Solved

how was this done

Posted on 2002-04-24
14
181 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
 

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
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 
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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Introduction The Google Maps API offers various ways to draw dynamic and static maps.  Using a combination of PHP and JavaScript, you can draw active JavaScript maps that allow pan-and-zoom in the client browser window.  You can also draw "static" …
Someone recently asked me about how to display a progress indicator on a page while an iframe is loading. And I remember when I first came across this myself. It was a bit tricky to get my head around, but really, it's very simple. The most impor…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
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…

895 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

17 Experts available now in Live!

Get 1:1 Help Now