Problem with nested frames

H

Hans

Hi all,

Thanks for taking the time to read this. Please you look at the html
code below. Somehow I have lost track of what this is doing.

</head>
<body>

<frameset rows="60%, *" frameborder="no" framespacing="0" border="0" >
<frameset cols="60%, *" frameborder="no" framespacing="0"
border="0" >

<frame>
<table width="80%" align="left" valign="top"
border="0" cellspacing="3" cellpadding="0">
<tr>
<td><a href="index_a.htm"
target="mainframe"><img src="./w_a.jpg" border="0"> </a></td>
<td><a href="index_a.htm" target="mainframe"><img
src="./w_b.jpg" border="0"> </a></td>
<td><a href="index_a.htm" target="mainframe"><img
src="./w_c.jpg" border="0"> </a></td>
</tr>
<tr>
<td><a href="index_a.htm"
target="mainframe"><img src="./w_d.jpg" border="0"> </a></td>
<td><a href="index_a.htm" target="mainframe"><img
src="./w_e.jpg" border="0"> </a></td>
<td><a href="index_a.htm" target="mainframe"><img
src="./w_f.jpg" border="0"> </a></td>
</tr>
<tr>
<td><a href="index_a.htm"
target="mainframe"><img src="./w_g.jpg" border="0"> </a></td>
<td><a href="index_a.htm" target="mainframe"><img
src="./w_h.jpg" border="0"> </a></td>
<td><a href="index_a.htm" target="mainframe"><img
src="./w_i.jpg" border="0"> </a></td>
</tr>
</table>
</frame>

<frame marginwidth="0" marginheight="0" frameborder="0">
<a href="index_a.htm" target="mainframe"><img
src="./w_pfr.jpg" border="0"></a>
</frame>

</frameset>

<frame marginwidth="0" marginheight="0" frameborder="0">
<a href="index_a.htm" target="mainframe"><img
src="./w_pfu.jpg" border="0"></a>
</frame>

</frameset>

</body>
</html>

The intention is to have 3 areas:
1. a square area 3x3 that holds 9 little images (w_a - w_i)
2. to the right of that square area a "right arrow" (w_pfr)
3. below the square area a "down arrow" (w_pfu")

What it does is, it puts the arrows (w_pfr and w_pfu) into the same
column to the right of the square area. I had it all working but
somehow I messed it up again.

If I take out the 3rd row of the little squares (w_g - w_i) it does it
right!

This code actually runs inside a frame of another page. But re-sizing
the frames of the "parent" frameset makes no difference.

I would very much appreciate help on this.

Thanks,
Hans
 
J

Jukka K. Korpela

Hans said:
Hi all,

Thanks for taking the time to read this.
Click to expand...

Now you already used your quota of my time. Well, almost.
Please you look at the html
code below. Somehow I have lost track of what this is doing.
Click to expand...

Oh well, now you consumed it all. I still don't know what you problem was,
but I really don't care. There wasn't even any URL so that I could perhaps
have _seen_ the problem that you didn't want to _explain_ verbally. Thanks
for playing.

The morale is: get to the point, if you have one.

Have a nice day.

P.S. The _best_ answer to your question, to the extent that we can deduce
from the Subject line, is: Don't use frames. If you really must use them, at
least don't use nested frames.
 
M

Martin Jay

Hans said:
Thanks for taking the time to read this. Please you look at the html
code below. Somehow I have lost track of what this is doing.
Click to expand...

Is it possible to see this in action online?

I'm having a bit of a problem visualizing frames within frames, and a
table thrown in. :)
 
H

Hans

Hi Martin,

Thanks for your kind reply.

I do agree, it's a bit difficult. Unfortunately I am developing this on
my own PC, so no web page available to show over the internet.

Maybe this helps a little bit:

+---------------------+
| a | b | c | |
+-----+-----+----+ w |
| d | e | f | p |
+-----+-----+----+ f |
| g | h | i | r |
+-----+-----+----+----|
| wpfu |
+---------------------+

It looked okay in the preview but I'm sure it messed it up again.

The picture describes the frameset which has 2 rows, the first of which
is a frameset again with 2 columns, the left one of which is a table
with three rows each having 3 columns with an image. To the right of
the table, in the second column of the second frameset, there should be
an image of a right-arrow (wpfr) which spans across the height of the
table i.e. the rightmost table column. The second row of the top
frameset should have an image of a down-arrow that spans across the
last row of the table (wpfu).

Basically it symbolizes a cube with an arrow to the right and one down.

I have tried to strip off the html code anything not necessary

<html>
<body leftmargin="0">
<frameset rows="70%, *" > frameset with 2 rows
<frameset cols="75%, *" > first row ios a frameset with 2 columns
<frame> first frame contains a table with 3 rows, each having 3
images
<table>
<tr>
<td><img src="./w_a.jpg"> </td>
<td><img src="./w_a.jpg"> </td>
<td><img src="./w_a.jpg"> </td>
</tr>
<tr>
<td><img src="./w_a.jpg"> </td>
<td><img src="./w_a.jpg"> </td>
<td><img src="./w_a.jpg"> </td>
</tr>
<tr>
<td><img src="./w_a.jpg"> </td>
<td><img src="./w_a.jpg"> </td>
<td><img src="./w_a.jpg"> </td>
</tr>
</table>
</frame>
<frame> second frame should contain an image of a right-arrow
<table>
<tr>
<td><img src="./w_pfr.jpg" border="0"></td>
</tr>
</table>
</frame>
</frameset> end of frameset with 2 columns
<frame> frame for second row in top frameset
<table> this frame should contain an image with a down-arrow
<tr>
<td><img src="./w_pfu.jpg" border="0"></td>
</tr>
</table>
</frame>
</frameset>
</body>
</html>

Maybe this helps. If not...tough luck! :)

Thanks anyway for trying!

Hans
 
S

Steve Pugh

Hans said:
<frameset rows="60%, *" frameborder="no" framespacing="0" border="0" >
<frameset cols="60%, *" frameborder="no" framespacing="0"
border="0" >

<frame>
<table width="80%" align="left" valign="top"
border="0" cellspacing="3" cellpadding="0">
Click to expand...

What's this doing here? A quick look at the spec:
http://www.w3.org/TR/html401/present/frames.html#edef-FRAME will show
you that frame is defined as an EMPTY element. It can not have any
content. You should instead link to another HTML file via the SRC
attribute.

Please, put your HTML online somewhere so we can see it.
The intention is to have 3 areas:
1. a square area 3x3 that holds 9 little images (w_a - w_i)
2. to the right of that square area a "right arrow" (w_pfr)
3. below the square area a "down arrow" (w_pfu")
Click to expand...

Are these squares supposed to be frames? Or table cells? You've got an
unholy mixture of the two shoved together in a way that isn't allowed
in HTML.

Steve
 
J

Jonathan N. Little

Hans said:
Thanks,

I'll try to re-write it.
Click to expand...


Do that and at least put it online so other's (which you are asking for
assistance) have a chance of actually seeing what you intend.

Bet dollar to donuts that what you are attempting not only could be done
without frames but would also be much better as the result.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Can someone tell me if this a real tracker? Or is it one designed to show you a different message at certain times, ie. acting like one? 0
Sort by number of characters 1
Help with Visual Lightbox: Scripts 2
Filter table rows based on multiple checkboxes value 2
Help with code 0
Help with my responsive home page 2
SendGrid email issue in responsive Gmail 1
Uncaught ReferenceError: item is not defined at HTMLButtonElement.onclick in the: <button onclick="item.inserir()">Inserir dados</button> 1

Members online

No members online now.
Total: 61 (members: 1, guests: 60)
Robots: 393

Forum statistics

Threads
473,982
Messages
2,570,186
Members
46,744
Latest member
CortneyMcK

Latest Threads

Top