FP2002 Inline frames question

  • Thread starter Thread starter Jcraig713
  • Start date Start date
J

Jcraig713

I am learning as I go with web building so I apologize in advance if this
seems rather an elementary question.

Picture an etch-a-sketch toy. I have a picture that looks like an
etch-a-sketch (disassembled you know... top left, footer right etc.). What
I want to do is create a this picture of this etch-a-sketch in the back
ground and then create a an inline frame in the window of the etch-a-sketch
to show the linked content when the user clicks the navigational links at the
top.

How do I go about assembling the picture pieces back together? I assume in
a table correct then embed the images in the table? Does this make sense?
Can someone offer me some direction to get started?
 
I can think of two ways to do what you want. First, you could simply apply
the etch-a-sketch image as the page's background image and then place the
iframe in the middle of the page where the 'screen' of the etch-a-sketch
would be. Second, you could break the etch-a-sketch image into four parts -
top, bottom, and two sides - and then create a table and make the images the
background images of the top, bottom and two side cells and put the
etch-a-sketch 'screen' iframe in the center cell. HTH
 
Thanks. From your experience, what woudl give me the best control and
result? I tried to create a table but am having a hard time controlling the
spacing of it all. Someone told me I needed to use a css file but I think
that may be over my head. Do you know if there is anyone I can contact
individually to show them my picture to explain what I am trying to do?
 
Sorry, I don't know of anyone you can contact, but the option of using your
picture as a background image should be relatively easy to do. You'd have to
play around with the exact positioning, but once you have a page with the
etch-a-sketch as the background, then all you need to do is place a <div>
over the screen. Something like:

<html>
<head>
<title>etch-a-sketch</title>
</head>
<body background-image="your_etch-a-sketch_image.jpg">
<div style="position: absolute; top: 80px; left: 95px;"><iframe
src="info.html" width="415px" height="280px" frameborder="0"
name="layer"></iframe></div>
</body>
</html>
 
Back
Top