This question already has an answer here:
Frameset border problem in Internet explorer
(1 answer)
Closed 8 years ago.
I am using frameset tag and made 2 column in same HTML page. The problem I am facing is that I am not able to remove that line which is dividing both HTML pages column. So how can I remove that line and hide it.
Code :
<!DOCTYPE html>
<html>
<frameset cols="50%,50%">
<frame src="first_1.html">
<frame src="second_2.html">
</frameset>
</html>
You can use this frameborder="0" rather than '1' and by this you can hide that line.
<!DOCTYPE html>
<html>
<frameset cols="50%,50%">
<frame src="first_1.html" frameborder="0">
<frame src="second_2.html" frameborder="0">
</frameset>
</html>
<!DOCTYPE html>
<html>
<frameset cols="50%,50%" frameborder="0" border="0" framespacing="0">
<frame src="first_1.html" >
<frame src="second_2.html">
</frameset>
</html>
Related
<!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.
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>
I have a big white space filling almost half of the screen, this is the same error on every browser. Even when i click links it doesn't go away.
Here is the index file
<html>
<title>Terrapene.dk</title>
<frameset rows="*,*" cols="316" framespacing="0" frameborder="0" border="false">
<frameset rows="72,89%">
<frame name="hoved3" src="front.htm" target="_self" scrolling="no" noresize marginheight="5">
<frameset cols="*,80%">
<frame name="hoved5" src="bond.htm" target="_self" scrolling="auto" noresize>
<frame name="hoved4" src="Velkommen/Velkommen.html" target="_self">
</frameset>
</frameset>
<noframes>
<body bgcolor="#008000">
</body>
</noframes>
</frameset>
</html>
I made the following change to the outer frameset to address the white-space issue (note the change from wildcard (*) to 100% height):
<frameset rows="100%,*" cols="316" framespacing="0" frameborder="0" border="false">
Here's a demo page on my server:
http://jackpattishalljr.com/stackoverflow/terrapene.html
Also, it probably wouldn't hurt to add the frameset doctype (although, this by itself, does not address the whitespace issue you found):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
P.S. Thanks for this BLAST FROM THE PAST with a frameset question ;)
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.
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.