i'm trying ot make a page where there are 2 columns to the left using then have the space to the right be occupied by 2 rows in the top and the bottom of the page, but whenever i load the page the 2 columns will be the only thing occupying all of it.
this is what i have so far:
<html>
<head>
<title>Frames</title>
</head>
<frameset cols="20%,20%">
<frame name="leftleft" src="menu1.html">
<frame name="leftright" src="menu2.html">
</frameset>
<frameset rows="50%,50%">
<frame name="top" src="cabecera.html">
<frame name="bottom" src="sample.html">
</frameset>
</html>
i've tried moving the s around, changing the values after cols and rows and nothing seems to work, only the columns will show up.
this is my first question here, any help is greatly appretiated.
Related
The layout i want to make
I dont know how to get the frames to layout in the right position I want, so I could use help.
That is done using frameset. I have added frameborder="1"which will show the border, you can set it to "0" or remove the borders. You can change the border size by adding border="1px". And add bordercolor:#000; for adding colors to the border. And for scrolling you can use scrolling="Yes/No/Auto" in the frameset beggining tag.The code given below will not work on Stack Overflow, Codepen,or JSFiddle as <frameset> is no longer supported in HTML5. But you can save the file locally or try it on W3Schools by pasting the following code, and it will work.Edit the frame sources, else it will not work (as I have given invald pages).
<html>
<frameset frameborder="1" rows="20%, 80%"><!--set frameborder value "0" for hiding the borders -->
<frame src="https://via.placeholder.com/1000X150/181818/FFFFFF/?text=20%">
<frameset cols="25%, 75%">
<frame src="https://via.placeholder.com/150X500/181818/FFFFFF/?text=25%">
<frameset rows="50%, 50%">
<frame src="https://via.placeholder.com/700X250/181818/FFFFFF/?text=75%">
<frameset cols="75%, 25%">
<frame src="https://via.placeholder.com/600X200/181818/FFFFFF/?text=50%">
<frame src="https://via.placeholder.com/200/181818/FFFFFF/?text=25%">
</frameset>
</html>
<!DOCSTYPE html>
<html>
<head>
<title>Combine two column frames into one scrollabe page</title>
<frameset cols="25%,75%" frameborder="0">
<frame src="lframe.html" scrolling="no">
<frame src="rframe.html">
</frameset>
</head>
</html>
I want to combine the column frames and make it as single scrollable page.
<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.
I've got a page with a toolbar in the top frame. I want borders between every other frame except between the toolbar and the two frames it borders.
<html><head><title>Test</title></head>
<frame src="toolbar.html" name="toolbar">
<frameset rows="44%,*">
<frameset cols="50%,50%">
<frame src="frame1.html" name="frame1">
<frame src="frame2.html" name="frame2">
</frameset>
<frameset rows="28%,28%" cols="50%,50%">
<frame src="frame3.html" name="frame3">
<frame src="frame4.html" name="frame4">
<frame src="frame5.html" name="frame5">
<frame src="frame6.html" name="frame6">
</frameset></frameset></html>
So, how would I remove the boarder between "toolbar" and "frame1"/"frame2" while leaving all the other boarders in place (including the one between frame1 and frame2)? I'm open to using iframes if that would do it, but I would need to see a code example because I have never used them.
I don't think you can gain sufficient control over the frameborders to do what you want. Best would be to not use framesets at all, but if you really want to, your best hope is to hide all the frameborders and have 1px of dark margin or padding around the edge of the html in each frame to stand in for the frame borders, except in the places where you want the borders not present.
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.