HTML - Locking A Frame
Lets say I have an HTML frameset with 3 rows. When the the browser window size is adjusted and decreased, the bottom two frames begin to shrink and overlap the top frame.
How can I make it so the "space" is taken from the bottom frames first? R Similar TutorialsHello All, This one has me stumped. I have a frame dividing my screen into two sections, a top window and a bottom window. Here is my frame file: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head><title>Table One</title></head> <FRAMESET Rows="148,100%"> <frame noresize src="table_hdr.html"> <frame src="table_one.html" NAME="Lower""> </FRAMESET> </html> When I open this in a full screen view, it works perfectly. I can scroll down my table and the header stays put. My problem comes when I open my table in a window that is too narrow to display the full width of the table. A horizontal scroll bar properly appears at the bottom of the page so I can move left or right to view individual columns in the table. However, I would like to lock the header, top window, so that as I scroll horizontally with the horizontal scroll bar, the header moves left and right with the body, no separate horizontal scroll bar needed for the header. Is this possible? Or am I breaking some sort of law of physics? Any help appreciated. I thought I had cracked this nut a couple of years ago but can't find the file. Charlie Hi, I was just wondering if there was a way to sort of "lock" a table so that when you put too much text into it, it won't let you put anymore in when you get to the limit. I'm currently using dreamweaver. When im designing/editing tables, using dreamweaver, is there any way I can lock them as they are? Because, I find when I start adjusting other columns or rows it affects the rest of the table. Is there a simple way to 'lock' them in place once I am happy with them? Is there any way for me to hide the scroll bar? Any way to lock it? My basic problem is this: the tables in my website are not locked once the website is run, thereby enabling the user to adjust the width of the table and seriously mess up the content. I'll explain my background a bit first so maybe I wont get a bunch of messages telling me to just use CSS. Now, I understand that I probably shouldn't be using tables, but I inherited webmaster duties on my companys website from somebody else and I am stuck with his original design. I also got stuck with frames, and I realize that is a great sin, but again, I gotta work with what I got at least for now. So heres my problem My site has three frames, header, left menu, and the content. The content frame has a table with three columns, one column full of words, one small column for spacing, and a third column on the far right for a picture. When the page is run in IE (but not Mozilla) the user can grab the left border of the content table and move it around, screwing it up. Is there some way to lock the table so this can't occur. How is this normally managed. Thanks -Newbie Confused by simple problem PS: THis is the code for the top of the table (The .... are paragraphs of text) <table width="777" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="607"><img src="images/front1.jpg" width="38" height="45" alt="" border="0"><a name = "WealthManagement"> <b><font size="4">Comprehensive Wealth Management</font></b> <p>......</p> <p>...... </p> <p> ...... </p> <p>Integrating o..... </p> <p>Our W......</p></td> <td width="10"> </td> <td width="160" valign="top"><img src="con_pics/31.jpg" alt="" border="0"></td> </tr> Hey everyone, I'm in need of some html help. It's hard to explain this but here goes. I am trying to lock an image to the browser on a website that will work in ie and other browsers. What I mean by this is, I want the image to stay exactly to top right hand corner of the browser and its locked here as if its in front of everything else. I have seen this done before where people have had a make poverty history image on their website which looks as if its attached to the browser. I hope someone can help because i'm not sure how else to explain this but really want to know how to do it. Many thanks regards, Jon Bennett P.S - I have attached an image which I hope helps in explaining what I'm trying to do. Hello All, I cant seem to lock a form and images in a browser, I have all center and when it opens it remains centered but when I shrink the browser window the images/form moves... My CSS is <style type="text/css"> <!-- body { background-image: url(); margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin: 0; padding: 0; } --> </style></head> <style type="text/css"> <!-- #centerDIV0 { width: 100%; text-align: justify; overflow: hidden; position: absolute; margin: 0px; padding: 0px; left: 0px; top: 0px; right: 0px; bottom: 0px; visibility: visible; background-image: url(CS_bkgd.jpg); background-repeat: repeat; } #centerDIVX { text-align: center; overflow: hidden; position: absolute; margin: 0px; padding: 0px; vertical-align: middle; z-index: 2; left: 0px; top: 0px; right: 0px; bottom: 0px; width: 100%; } #centerDIVZ { z-index: 2; overflow: hidden; position: absolute; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align: center; vertical-align: middle; left: 0px; top: 0px; right: 0px; bottom: 0px; margin-top: 380px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; visibility: visible; padding-top: 0px; padding-bottom: 0px; padding-left: -300px; } --> </style> And Html is... <body> <div id = "centerDIV0"> </div> <div id="centerDIVX"><img src="CS_bkgd.gif"/></div> <div id="centerDIVZ" bgproperties="fixed"> <form action="mailto:tastetation301@yahoo.com" method="post" enctype="text/plain" onsubmit="location.href='thanks.html'"> <p><br/> <strong>Name:</strong> <input type="text" STYLE="color: #FFFFFF; font-family: Verdana; font-size: 12px; background-color: #000000;" size="0" maxlength="50" align="justify"/> <br/> <strong>Email: </strong><input type="text"STYLE="color: #FFFFFF; font-family: Verdana; font-size: 12px; background-color: #000000;" size="0" maxlength="50" align="justify"/> </p> <input type="submit" value="Submit"/><input type="reset" value="Reset"> </form> </div> </body> </html> THANKS FOR YOUR ASSISTANCE!!!! Hi All, I am looking to lock the link I use to stream live footage over mywebsite. I run a filming of a local sports group and noticed a lot of people were able to help themselves to the feed. I would love it to have the person log in and if the same loin combo was entered again that both sessions terminate. How would I go about this. I am using dreamweaver to build the site. Thank you in advance Greg Hey. I have a frame and inside it there is a link. I want it to target an anchor called Code: <a name="anchor"></a> that is INSIDE it's own frame. I tried Code: <a href="#anchor"> but it tries to reload the entire page, and doesn't just "jump" to the anchor like it normally would. How do I do this? Thanks Hi there, I was wondering if anyone knows how to centre an image link in another frame (yes I know frames are bad but its an old website I am updating) i have <a href="picturelink" target="mainframe"> <img src="thumbnail" border="0"></a> I have tried everything from class="center" to editing the original frameset and the original page loaded into the window but I can't get the jpeg file to load up centred and so I was hoping someone might be able to help as I don't want to link all the pictures to seperate html documents with only a centred image in... Thanks for any help. Hi! I am using Dreamweaver 8 to develope my site. I have broken the page in three pieces(frames) So that the top frame shows the title, the left frame is for links that I want to show as flash movies in the right frame. I have studied the help file and I have looked on the web and I can't find an explanation that I can understand on how to do this. I believe the clickable link should be an href but I don't know how to code it. Can someone explain this to me? Thanks in Advance! Paul hey guys, im looking for a way of cutting down the amount the visitor to my site has to download, as well and speed of loading betweens pages, ive attached an image of how to site looks so far, i have rows of links on eith side, on the top, and a row going down the center i wish to display in. If the user clicks on a link from anyside i would like only the center text to change and leave the links and header, saveing on size of the web pages on the server and the amount the user has to download i looked around and found frames would be an answer but there god dam confusing and it seems they come attached with a scroll bar where as i would like the page to simply feed downwards is there any way of keeping the outer part like a template and like i said just have the links replace the text with what ever the topic? hmm I asked for help in getting a big frame over the site content and I got here help .(by the way thanks)(I dont mean frames... What I meant was to put the content in some kind of a big frame likse div...) Code: <html> <head> <style type="text/css"> html, body { background: blue; } * { margin: 0; padding: 0; border: 1; } #container { width: 885px; margin: 0px auto; /*centers #container*/ padding: 5px; background: black; } </style> </head> <body> <div id="container"> </div> </body> </html> it helped but then I found another problem : I used this code for puting a frame the i can scroll over something but now it doesn't work Code: <b style="overflow:auto; height: 640px; width=292px;" class="sotableup" align="left"> </b style> And now it doesn't work. Any ideas? I wanted to put some kind of a big frame ( not with frames ) around the web content so that the sides would be clear without any content on it. I tried alot of stuff but nothing helps like: BG(nothing) l bla bla l BG(nothing) BG(nothing) l bla bla l BG(nothing) BG(nothing) l bla bla l BG(nothing) Hey Guys - I need to make a real basic page with a frameset-like element. I need the top part of the page to remain stationary, and the bottom scroll underneath it - so that the top part of the page stays on stop of whatever the user is looking at. Should I do this with frames, or is there another method that I am unaware of? Thanks! i am using iframe concept in my website ,But it is not working Here is the code: <iframe name="downlineframe" height="400" width="100%" frameborder="0" src="http://nyoil1.ning.com" ></iframe> if i give http://nyoil1.com,it is working well,if i give http://nyoil1.ning.com na its not working.... I have welcome page which code is like this, This page will display after login page. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-Frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core" xmlns:t="http://myfaces.apache.org/tomahawk" > <frameset rows="26%,*" border="0" frameborder="0"> <frame name="f1" src="heading.jsf" scrolling="no" noresize="noresize" /> <frameset cols="25%,*"> <frame name="f2" src="menuTree.jsf" scrolling="no" noresize="noresize" /> <frame name="f3" src="body.jsf" scrolling="auto" noresize="noresize" /> </frameset> </frameset> </html> I have one command button in body.xhtml page, after clicking that button, i want to dipaly login page again without any frame, ie. i want to display that page entire screen, but in my case its displaying only in body page. How to solve this problem, Regards, Vinutha. Ok call me slow but I am starting to move to a non-frame web site structure now and I am going to be getting away from tables except to display tabular data. Most of my sites have a header image and a menu that I want to stay constant from page-to-page. Also, I assume I want to lay-out my pages using styles and divs. Can someone point me to a resource that discusses these things. Thanks a ton in advance~ I've been working on a site and just starting working with frames, I don't know a whole lot about HTML but there's so much stuff online about it that I've been getting by fine. Anyways, I pretty much want every page on the site to use frames, with the same menu frame on the one side for every page and then different stuff on the right side for different pages. I did this for one page and it worked fine (the page is 20% menu and 80% home page), but when I tried doing it on a second page things got weird. The page is like 80% of the home page on the right side, and on the 20% side there are two frames, one being the menu and the other being the About section. Here's the page in question. The HTML is probably really sloppy...Sorry. |