|
HTML - A Question About Frames
Hello,
I am building a personal website from which I plan to link to other sites such as facebook. flickr, etc where I have publicly viewable content. I have been working on a frame that I will put on top of these pages when they are linked from my site. So, I have made the frame and corresponding html documents, but I was wondering... I have the top frame set at 25px, which is just enough to show a single line of text and some links. I used the * variable to make the bottom frame, which is the actual page, to fill in the rest. My problem is that it appears the frame is draggable, meaning you can pull it down farther or smush it all the way up to the top. Is there a way to fix this? I can provide the code for the frames if neccessary. here is the site: http://www.trevorsummerfield.us All help is greatly appreciated Thanks Similar TutorialsI am creating a site using frames and was wondering if it was possible to have the website centered so that it would look the same in all browsers. Also I am having an issue with the background on my right side frame repeating and I can't seem to get the no-repeat sort of codes to work for me. Any suggestions? Thank you. Can anyone tell me why someone may want to have frames or multiple html docs on a web page? I can't find a reason for this anywhere on the net? Hi guys, I am trying to help my friend figure out what is going on with his (VERY BASIC) website. I believe that he created it using dreamweaver originally, and then tampered with the code a little. The problem is as follows: The website seems to display perfectly as intended on mac ( safari) however when viewed on PC wit internet explorer the frames do not not work properly, They are opening in different windows etc. I know that no-on ould ever recommend building a site like this with frames, but would recommend iframes etc, however i ws wondering if there is a flaw in the code that can be fixed to resolve his problem simply? Thanks for even taking the time to read this, any helpful advice would be most appreciated! the code is as follows: The code titled "main" the main piece of code, then the coodes titled "top", "middle" and "bottom" are the codes for the respective frames. MAIN: -------------------------------------------------------------------------------------------------------- HTML Code: <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title></title> </head> <frameset rows="67,*,74" framespacing="0" frameborder="no" border="0"> <frameset cols="*" framespacing="0" frameborder="no" border="0"> <frame src="topframe.html" name="topFrame" scrolling="No" noresize="noresize" name="topFrame" /> </frameset> <frameset cols="*" framespacing="0" frameborder="no" border="0"> <frame src="midframe.html" name="mainFrame" name="mainFrame" title=""mainFrame" target="_self" /> </frameset> <frameset cols="*" framespacing="0" frameborder="no" border="0"> <frame src="bottomframe.html" name="bottomFrame" scrolling="No" noresize="noresize" name="bottomFrame" /> </frameset> </frameset> <noframes><body> </body> </noframes></html> TOP: -------------------------------------------------------------------------------------------------------- HTML Code: <head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
background-color: #A890AE;
background-image: url(Images/maze%20strip%20top.jpg);
}
.style1 {font-size: 8px}
-->
</style>
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//
function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}
function FP_swapImgRestore() {//v1.0
var doc=document,i; if(doc.$imgSwaps) { for(i=0;i<doc.$imgSwaps.length;i++) {
var elm=doc.$imgSwaps[i]; if(elm) { elm.src=elm.$src; elm.$src=null; } }
doc.$imgSwaps=null; }
}
function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}
function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
return null;
}
-->
</script>
</head>
<body onload="FP_preloadImgs(/*url*/'Images/image-g.gif'); MM_preloadImages('Images/discography-black.gif','Images/images-black.gif','Images/text-black.gif','Images/download-black 45pt.gif','Images/download-g.gif','Images/download-b.gif','Images/image-g.gif','Images/text-g.gif')">
<div align="center"><img src="Images/divider.gif" alt="." width="65" height="33" /><a href="download.html" target="mainFrame" onmouseover="MM_swapImage('download','','Images/download-g.gif',1)" onmouseout="MM_swapImgRestore()"><img src="Images/download-b.gif" name="download" width="205" height="10" border="0" id="download" /></a><img src="Images/divider.gif" width="30" height="33" /><a href="images.html" target="mainFrame"><img src="Images/image-b.gif" name="images" width="124" height="10" border="0" id="images" onmouseout="FP_swapImgRestore()" onmouseover="FP_swapImg(1,1,/*id*/'images',/*url*/'Images/image-g.gif')" /></a><img src="Images/divider.gif" width="30" height="33" /><a href="text.html" target="mainFrame" onmouseover="MM_swapImage('text','','Images/text-g.gif',1)" onmouseout="MM_swapImgRestore()"><img src="Images/text-b.gif" name="text" width="104" height="10" border="0" id="text" /></a><img src="Images/divider.gif" alt="." width="65" height="33" /><a href="midframe.html" target="mainFrame"></a></div>
</body>
</html>
MIDDLE: -------------------------------------------------------------------------------------------------------- HTML Code: <head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>untitled</title>
<style type="text/css">
<!--
body {
background-image: url();
}
.style1 {
border-width: 0px;
}
-->
</style>
<base target="_self" />
</head>
<body>
<div align="center">
<p> </p>
<p><a target="mainFrame" href="download.html">
<img alt="" src="Images/doomsayercoverthumb.jpg" width="319" height="319" class="style1" /></a></p>
<p> </p>
<p> </p>
</div>
</body>
</html>
BOTTOM: -------------------------------------------------------------------------------------------------------- HTML Code: <head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>untitled</title>
<style type="text/css">
<!--
body {
background-color: #FFFFFF;
background-image: url(Images/maze%20strip%20bottom.jpg);
}
.style1 {
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 13px;
font-weight: bold;
}
.style2 {font-size: 10px}
.style4 {font-size: 12px}
-->
</style></head>
<body>
<div align="center" class="style1">
<p class="style2"> </p>
<span class="style4">last updated 08/12/2011</span></div>
</body>
</html>
<HTML> <HEAD> </HEAD> <frameset border=0 noresize=yes COLS="400,*"> <frame src="http://facebook.com" name="myframe1" scrolling=yes> <frame src="http://twitter.com" name="myframe2" scrolling=yes> </frames>et> <noframes> <body> This page uses frames, but your browser doesn't support them. </body> </noframes> </HTML> To make this real quick...I want to have twitter and facebook in two frames on one page...whenever I do it, both sites don't seem to allow it to happen. The entire thing just redirects me to Twitter's website automatically, and if I click on the Facebook frame it does the same. Any way around this? Thanks in advance! So a few questions, If you have a webpage within a frame, be it a regular frame or an iframe, and there is a link in the webpage inside the frame, if no target is specified for that link then by default the link loads in the same frame as the original web page, in all browsers, correct? Secondly, what is the syntax for specifying a target while doing a meta tag automatic refresh? Thanks for the help! Hi! I am new to HTML. Stuck at this. Could someone please help? Need simple HTML code to create frame like this: Image below. Thanks Is there any way that I can set up a page with frames where the frames remain a fixed width and will stay that size even if the browser cannot show them in their entirety? This is a simplified version of what I'm trying to do (with two random sites in the frames for an example) <html> <frameset cols="800, 800"> <frame src="google.com"> <frame src="yahoo.com"> </frameset> </html> How that is working right now is that if you reduce the size of the browser then the frames also reduce in size so that they both remain on the page... I don't want this. I want the frames to remain the fixed width (800) and if the browser is not large enough to display them (<1600), I want it to have a scroll bar along the bottom to scroll further right to view them. I don't really ever use frames though, so I'm not quite sure if there's a command to throw in either frameset or frame tags or if there's something else I need to do. Thanks! I've heard many times "don't use frames, there is better ways to accomplish it", and I was wondering, is this just referring to "invisible" frames, or any frames? For example, look at Kingdom of Loathing. They use frames (or what appears to be frames) and I can't see how they could successfully make that site without. If I had to have all the screens scroll as one rather than separate, and couldn't resize when I needed to, it would be extremely annoying. So, frames are bad, or just the invisible ones? Hi, First time posting... I have a site that contains frames and I am applying IDs to the tables and providing links above to move further down the page but it also moves the outer frame but I would like the outer frame to remain still and for the link to scroll to the right place in the page in the inner frame. Is this possible? Thanks. Hello, I was just learned about frames and I just get a little bit curious why not so many websites use frames, is it, like, not great? Can you tell me pros and cons about it? Thank you. Hey, I'm a html noob building a website for html. I have frames set up so that it is 3 columns. In the middle column there are three rows (Header, menu and content respectively). The problem I'm having is, although I've made the frames so that they can't be dragged to alter their size, when the user resizes the window the frames get resized and all the content (including banner, menu buttons etc.) get cut off or pushed into "no mans land". Id like one of the following to be possible: - How do i make the window so it opens at a specific size, and cant be resized. - Or if the window has to be resizable, can i set a minimum point the frames can be resized to. - Or how do i make the content so that it doenst go to the s***house. - Or how do i make the frames so they aren't resized when the window is... Bellow is a picture and my coding so you can see what's wrong: (in the picture you can see the banner being cut off, the buttons havent been cut off yet as the window is still big). <body properties="fixed"> <frameset border="3" bordercolor="#000000" rows="100%"> <frameset cols="20%,60%,20%"> <frame src="backdrop.html" name="lbackdrop" noresize scrolling="no"> <frameset rows="25%,10%,65%"> <frame src="header.html" name="header" noresize scrolling="no"> <frame src="menu2.html" name="menu" noresize scrolling="no" <frame src="main.html" name="mainwindow" noresize scrolling="no" </frameset> <frame src="backdrop.html" name="rbackdrop" noresize scrolling="no"> </frameset> </frameset> </body> Thanks in advance Hi I need a page that has six eqaually sized frames displaying different sites with a scroll bar on each and no border. How would i do this Thanks Hey, http://www.artistrichardcook.co.uk/src/ - here is the start to a website I am making for my art college which exists of two frames. A left (with the links) and the main frame (with the content). Simple. However, due to it being a frame and the obviously long list of links, when my browser is smaller than usual you can't see the bottom of the links. I know I could add a scrollbar to the frame but it looks pretty awful. My screen is a 17" laptop and the number of people at college viewing this will have smaller laptop screens and this is my problem. Basically, was there anyway to make both the left frame scroll as you scrolled the main frame as in linked? So the scrollbar would exist for both the frames rather than just one or the other? Sorry if this doesn't make sense but I'm not sure how else to put it. I would appreciate any help Thanks, Rich Hey everybody! I have a website on a three row frameset (top,body,bottom). I've created a separate frameset for each page on my site. But is becoming a bit annoying. I want to know if it's possible to click on a link, from my main page and have that open one frameset with the same Top and Bottom but, depending on the button I click, is the page that appears as the body. I hope that's clear, I'm a newbie. I'll really appreciate if there are any ideas on the matter. Thanks!!! Cheers! hey last time i made a website was a few years ago, now a days, do people use frames? how is a website like hostmonster.com (my host) made? does that website have a frame? or did they something like css(which i have no clue what it is) Thanks guys, so far this forums has been helpful. look i know that frames are bad but i have a good cause to use them XD all im wondering is - "For every one of the frames that i use, in the source file of the frame will i need to put the standard tags e.g. doctype, html, head, body, meta, title or can i just start with the code and it will work????" never used frames before so this is why im asking??? personally i think i will need to put in the standard tags because frames work differently to the PHP include function which practically copy and pastes the code into the file where you put your include function if im not mistaken??? Anyways thanks in advance Marcus =] Hey can someone help me do something like a frame but where you could add backrounds something like this ___________________________________________________ | Insert | | Text | | and | | back | | round | | here | | | | | so I am making a new webpage at http://www.geocities.com/manic.panicd I am wondering what the link code is for frames. When i click on "you" or "site", etc...I want it to open up in the main frame part of my layout. For an example of how im running into trouble. Check my webbie and click on the mini piece of lined paper in the "The Girl" section. How do i link properly? Lock n delete. My net is stuffing up n it double posted. Please read my other post... |
|||||||