Creating four frames using HTML - html

I need to create four frames in an HTML document. The code below creates only three frames.
<!DOCTYPE html>
<html>
<FRAMESET cols="100%" rows="10%,90%" >
<FRAMESET rows="100%,">
<FRAME src="frame_a.htm">
</FRAMESET>
<FRAMESET cols="20%,60%" rows="40%,80">
<FRAME src="frame_b.htm">
<FRAME src="frame_c.htm">
</FRAMESET>
<FRAMESET rows="60%," >
<FRAME src="frame_d.htm">
</FRAMESET>
</FRAMESET>
</html>
This snapshot explains the question. Notice that the above code didn't create frame D.

That's because the two top rows take up 100% of the height, and you haven't specificed any height for the third.
Try:
<FRAMESET cols="100%" rows="10%,40%,50%">

<FRAMESET cols="100%" rows="10%,90%"> creates a frameset with two frames: The first one with 10%, the second one with 90%. Since you want three rows you need to add a third value.

Related

Why, when trying to set the frame it doesn't work

i have to do homework which should look like this:
frame homework
i managed to do: (my try)
<HTML>
<frameset cols="*,200">
<frameset rows="100,*,15%">
<frame src="rl_gorna.html">
<frame src="rl_srodkowa.html">
<frameset cols="15%,*">
<frame src="rld_lewa.html">
<frame src="rld_prawa.html">
</frameset>
</HTML>
But i dont know how to do right side because It breaks all the time. I thought that when i will add over "frameset rows="100,*,15%" frame src it will work fine but its not
Make sure you get the nesting in order, and don't forget to close your <frameset> elements:
<frameset cols="*,200">
<frameset rows="100,*,15%">
<frame src="rl_gorna.html">
<frame src="rl_srodkowa.html">
<frameset cols="15%,*">
<frame src="rld_lewa.html">
<frame src="rld_prawa.html">
</frameset>
</frameset>
<frame src="r_prawa.html">
</frameset>
See a working CodeSandbox
And a friendly note: <frame> and <frameset> elements are deprecated, so I'd put them to rest when your homework is done.

Frameset on multiple pages

I want to make frameset with multiple frames, but I want each frame to have a specific size regardless of how many columns. I want this frameset to expand to multiple pages if needed with a scroll bar ( scroll bar not for the individual frame but for the whole html page) . What I noticed is that all these frames are forced to fit on one html window and so the frames forcibly get resized to fit in one page .
Is there any way to respect the size I indicate , and the html page occupy multiple pages with a scroll bar so I don't compromise the size of each frame?
Example :
<html>
<frameset cols="1000,1000,1000,1000,1000,1000,1000,1000,1000">
<frame noresize="noresize" src="frame_a.htm">
<frame noresize="noresize" src="frame_b.htm">
<frame noresize="noresize" src="frame_c.htm">
<frame noresize="noresize" src="frame_a.htm">
<frame noresize="noresize" src="frame_b.htm">
<frame noresize="noresize" src="frame_c.htm">
<frame noresize="noresize" src="frame_a.htm">
<frame noresize="noresize" src="frame_b.htm">
<frame noresize="noresize" src="frame_c.htm">
</frameset>
</html>
these individual frames get resized to fit the html window and are not 1000 each.

How do I set frame alignment?

How to set my frames in html as shown in diagram below? How to create rows in frame-set columns? Is CSS needed here?
<html>
<frameset cols="25%,*">
<frame src="myframe1.htm">
<frame src="myframe2.htm">
<frame src="myframe3.htm">
</frameset>
</html>
You don't need CSS for this. You can nest framesets and use the rows attribute, for example:
<frameset cols="25%,*">
<frameset rows="*,*">
<frame src="myframe1.htm">
<frame src="myframe2.htm">
</frameset>
<frame src="myframe3.htm">
</frameset>

Frame created in another frame in chrome

<html>
<frameset rows="50%,50%">
<frame src="three.html"/>
<frameset cols ="50%,50%">
<frame src="one.html" />
<frame src="two.html" />
</frameset>
</frameset>
</html>
On IE, Firefox I can see only three frames i.e one frame in first row and two frames in second row
But in chrome I see three frames and again the three frames are created in second frame.
Can someone please explain why there is a change in chrome and how to overcome it.

How to make an HTML frame unmovable?

How can I modify this frames so that users can not move those frames?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title></title>
</head>
<frameset border="1" rows="100, 200" >
<frame src="page1.html">
<frameset border="1" cols="20%, 80%" >
<frame src="page2.html">
<frame src="page3.html">
</frameset>
</frameset>
</html>
You can use the noresize attribute to disable it:
<frameset border="1" rows="100, 200" >
<frame src="page1.html" noresize>
<frameset border="1" cols="20%, 80%" >
<frame src="page2.html" noresize>
<frame src="page3.html" noresize>
</frameset>
</frameset>
I second what Nick said, but would just like to add that I think it should be one of the following:
noresize="true"
noresize="noresize"
I am not sure which one it is, but I know the attribute "nowrap" uses "nowrap" for the value too, instead of true. Can someone please confirm which of the above options applies here?
Also do you have to use frames? I notice you are loading pages in each one. If you create them as divs, you can use most server side languages to load pages into the divs. For example:
In ASP.Net you are able to do this - but unfortunately I do not have the code for this available right now. There is a way to process a page within a page.
In PHP you can use the include command (include "page1.htm";). PHP is much simpler in my opinion.