|
HTML - 3 Frames, How To Make Them Not Cover The Whole Page
<html>
Ok, I have 3 frames that take up the whole page, but the text doesnt fill them so it looks silly. How can i make everything cover only say 50% over the page and centred. also, which is better, px or %, I don't know how big px's are so thats useless here's the code for the index. <html> <head><title>title here</title></head> <frameset rows="15%,85%" border="0" frameborder="0" framespacing="0"> <frame src="title.htm" name="title" noresize scrolling="no"> <frameset cols="25%,75%" border="20" frameborder="0" framespacing="0"> <frame src="menu_bar.htm" name="sidemenu" scrolling="false"> <frame src="welcome.htm" name="mainwindow" noresize scrolling="yes"> </frameset> </framset> <noframes> Your browser does not support frames. <a href="frameless_main.htm">Please visit the frameless page.</a> </noframes> </html> Similar TutorialsHope the title made sense, I am using Microsoft Expression Web and, I am also using Frames on my website. I have 3 Frames, One complete at the top, one on the left side and then a main page frame to fill the rest. I am using a 19" wide screen monitor, and because of that the pages I make are all unaligned with each other as they get stretched to fill the monitor. now the top frame and left frame stay where they should I have done that, but I can't keep the main page frame from moving over to the right and making everything look untidy and nasty. so could anyone help me out with this problem please, I use a background Image, text and images on the page so they all need to stay centered bu to the left of the page. Or maybe center all the frames to the middle of the screen such as www.myspace.com looks on a wide screen monitor (although i know they do not use frames.) Thanks in advance I am a non IT person so my question must be quite stupid. My question is regarding an html document not website. I have a HTML document to which I wanted to add a cover page which is in word. I saved my word file in html and then copy pasted it in html document but problem is it is overriding the existing first page in the file. Looks like I am missing something. How do I put HTML command to make the existing first page to second . Could anyone please help? I am starting to write a page for my site but I noticed that the <frame> attribute has been discontinued in HTML5. Since I am starting from scratch, I figured it best to try to stick to the current proper standards. So I guess i-frames is the best thing to do. I actually had the basic layout finished with using frames, only to realize they were depreciated, so I am switching to i-frames. The concept is pretty easy/generic. Example : http://img32.imageshack.us/img32/8662/diagram2q.jpg It consists of a header and two i-frames side by side. The i-frames have me stumped as I can not seem to get them to play nicely an appear side by side. Here is the source of the page: PHP Code: <? if (!check_perms('users_mod')){ error(403); } ?> <table border="0" width="100%" height="100%"> <tr align="center" valign="top"> <? show_header('Staff Tools', 'toolbox'); ?> </tr> </table> <div class="menu"> <iframe height="100%" width="15%" style="display:inline" src="/index2.php"></iframe> </div> <div class="content"> <iframe height="100%" width="85%" style="display:inline" src="/sections/admincp2/info.php"></iframe> </div> #menu { width: 200px; float: left; } #content { float: right; margin-left: 200px; } #menu iframe, #content iframe { width: 100%; } <? ?> At this point it generates the header, but just a blank white page below it. If I click view source, I can see it is trying to load the 2 i-frames. If I remove the tables,divs, and other styling info, then everything shows up but the i-frames still will not show side by side properly. Is there code that can detect when your page is being embedded and kill the frame? I came across this site, issuu.com, which if you haven't seen it, it's great. I want to be able to implement it into my site for brochures and so forth, but don't want to use the embed feature (which minimizes the size of it). This is one site they gave as an example, http://decantingnapavalley.com/, that made it the full browser. That part isn't tough, but I'm wondering if I can get around having the sidebar on the side with the member stuff and related material to the issuu site. I will keep a link/credit to them, but would a DIV placed in a Z-Index work to put on top of that? I don't know much about z-index, but I heard that it works almost as a layering tool. If this is possible, what's the best way to approach? Hi Everyone, I am new HTML and Web page designing. I Want to create a web page with multiple frames. But all the frames should be interconnected i.e. If a change is made in one frame, it must be reflected in other frame. Basically i need it for using Google maps for vehicle tracking. In one frame i need to display the map and in another frame I need to display a line chart which shows a Speed/time graph. The graph change when the speed of the vehicle tracked in Google map changes. Regards,Arun Hi Is it possible to link to a page that uses frames, and specify what document appears in each frame of the target page? thanks, alex Hi.. is there any possibility to do something like on that screen pictu http://www.speedyshare.com/387574283.html i mean a page layout with two frames, both aligned to the center of the page ? plz help :/ thx in advance hi all I have managed to get all my links working within the forms ok but one! that being the having navigation back to my Home page or Index page. It being made up of three forms. This is the linking code i have tried i have also tried others with no luck. Pleases help if you can. <a herf = "PAGE_1.HTML PAGE_2.HTML PAGE_3.HTML PAGE4.HTML" TARGET = "FRAME_1.HTML FRAME_2.HTML FRAME_3.HTML FRAME_4.HTML" > Home Page </a> i dont know why the page called index doesnt work.. here is the code Code: <HTML> <HEAD> <TITLE>INDEX</TITLE> </HEAD> <FRAMESET ROWS = "120,500,70"border="0" framespacing="0" frameborder="0"> <FRAME NAME="BANNER" SCROLLING ="no" SRC ="http://ectwebdevelopment.webng.com/banner.html"> <FRAMESET COLS ="110,500"border="0" framespacing="0" frameborder="0"> <FRAME NAME="NAV" SCROLLING ="no" SRC ="http://ectwebdevelopment.webng.com/nav.html"> <FRAME NAME="home" SCROLLING ="yes" SRC ="http://ectwebdevelopment.webng.com/home.html"> </FRAMESET> <FRAME NAME="FOOTER" SCROLLING ="no" SRC ="http://ectwebdevelopment.webng.com/footer.html"> </HTML> can someone plz help me and tell me what to do to solve this problem? the site Hi. This is something I have pondered on for a very long time and wish to know how to resolve. I have no idea if it is possible but I think I have seen it done before. I need a piece of code for a frame that will automatically readjust itself to the page that is targeted in the frame, but will only go so far as the parameters I set it to. To me, it sounds like a rather complicated code and I'm really not sure whether it is possible, but if it is, it would be extremely useful for forum pages that are set to be inside a webpage. What I want to achieve with this, is to have the frame to be able to extend itself inside the page, without putting a scrollbar on the actual frame. The page I have isn't actually structured with frames, so I would like to keep it that way. I have no idea if this IS possible but I would like to know. Thanks, KGB. Some mouses today have horizontal scroll, some call the tilt. It looks something like: http://www.htmlforums.com/attachment...1&d=1242556560 I noticed that many websites they code those horizontal scroll to go to next/prevous page. For example Discuz! forum system has this function. While you browse hundreds or thousands of posts separated into pages, the horizontal scroll can take you to previous page or next page.(not browser back/forward) How do I code like that? Or any examples? hey guys. just joined here 'cause i'm in need of some html help. i know very little about html but i've managed to put a website working together using Notepad and plain HTML and JavaScript. now i'm trying to do the following: i have a forum board over at proboards.com and i want to embed it into my own page. i want to make something like a forums.htm page and that will be the link the people see but within it the forum would load and work. similar to what google does when you search for an image, but i want the forums to take up the whole space. i read something about using iframes, and right after read about it not working in all browsers, i need something that will work in IE, FF, Flock, Safari and Opera...all 5. i've managed painstakingly to do the website such that it works in all 5 this far, and i need this to work fine as well... other than using iframes, what other option is there? copying the code from someone having a similar problem, i've gotten this far: Code: <html> <head> </head> <frameset rows="304,*" frameborder="no" border="0" framespacing="0"> <frame src="http://keepitfishy.proboards83.com" name="topFrame" scrolling="No" noresize="noresize" id="topFrame"/> </frameset> <noframes><body> </body> </noframes></html> yet that seems to redirect to the proboards.com instead of loading it within my page. in other words, its useless! can you help me get that to work one way or another? thanks! Hello, I'm using this tutorial on creating an ipod-esque "cover flow" photo album for a presentation I'm putting together: http://www.elated.com/articles/cover...ss-and-jquery/ What I'm trying to figure out is how do I make each image a clickable link that will open a url in a new window. I know the code is Code: <a href="URL" target="_blank"</a> but I have no idea where to begin and end the tags. I either need it where I can click on each picture, or the text under each picture so that each one has a separate URL that opens in a new window. thanks Working on this site and I like the template but I'm tying to make it more inviting, any ideas? Not very creative here.. www.baysidesuperior.org/Bayside/ministries.html I have wrote this <html> <body> <script type="text/javascript"> var w=window.open(); w.document.open(); w.document.write("FirstLine<br>SecondLine<br>"); w.document.close(); </script> </body> </html> This simply creates anew window and outputs text onto it... What I want is for the specified text, to be outputed to a new html file For instance, OutPut1.html or OutPut2.html and so on. And for clarification, I do not want to manually create each new file for html to write to. I want the main html to create these new files Thank you all in Advance for all help given http://www.ivoog.com/test The page is COMPLETELY messed up in IE 6. I am not sure what I have done wrong as everything I see is ok. How can it look exactly like IE 7? What changes? Thanks. sorry im really new at this stuff. so i have the code, and i need to make & view the page.. so how do i do that?? thanks hi, i want to create a screenshot of the webpage once is displayed on the client browser. Let's say, there is some php and javascript. The php code runs, than javascript code run. After that I want to make a screenshot and store it on the server. I guess I need a client side javascript code sending back an image to the server. Is that possible ? easy ? thanks I need help with this html page. I would like the disclaimer at the bottom of the page to not follow the body. Is that possible? Take a look at this html and let me know if it is possible to recode it to show the disclaimer across the entire width of the page bottom as in this url : http://www.stocktraderspress.com/mem..._01112012.html Here is the html code for the new page I am trying to edit: <html> <head> <title>Stock Traders Press :: 2011 Performance</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- .style3 { font-size: 24px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } .style4 { font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } .style11 {font-size: 10px} .style15 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; } .numbersbody { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-align: center; } .datebody { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-align: right; } .tickerbody { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-align: left; } .style17 {font-size: 14px; font-family: Arial, Helvetica, sans-serif;} --> </style> </head> <body bgcolor="#FFFFFF" text="#000000" marginwidth="0" marginheight="0"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr align="center" valign="middle" bgcolor="#FFFFFF"> <td width="20%" height="19">*</td> <td width="20%" height="19">*</td> <td width="20%" height="19">*</td> <td width="20%" height="19">*</td> <td width="20%" height="19">*</td> </tr> <tr align="center" valign="middle" bgcolor="#FFFFFF"> <td colspan="5"> <table width="89%" border="1" cellpadding="10" cellspacing="0"> <tbody> <tr> <td valign="middle" bgcolor="#FFFFFF"> <table width="100%" border="0" cellpadding="2" cellspacing="0"> <tbody> <tr> <td colspan="5"><img src="/stp_logo.gif" width="363" height="42"></td> <td>*</td> <td><span class="style3">2011 Performance</span></td> </tr> <tr> <td colspan="2"><a href="/members/welcome.php">Go Back </a></td> <td colspan="5"><span class="style4">************************** </span></td> </tr> <tr> <td colspan="7"><span class="style4">These are the recommendations our Firm made in 2011 </span></td> </tr> <tr> <td colspan="7"><span class="style4">By purchasing an equal amount of every stock, you would have had an average gain of 9.41%</span> </td> </tr> <tr> <td width="87">*</td> <td width="115">*</td> <td width="80">*</td> <td width="79">*</td> <td width="197">*</td> <td width="140">*</td> <td width="175">*</td> </tr> <tr> <td colspan="2" class="style15">Closed Positions </td> <td>*</td> <td>*</td> <td>*</td> <td>*</td> <td>*</td> </tr> <tr bgcolor="#CCCCCC"> <td> <div align="center"> <strong><span class="style17">Stock</span></strong></div> </td> <td> <div align="center"> <strong><span class="style17">Date Bought</span></strong></div> </td> <td> <div align="center"> <strong><span class="style17">Date Sold </span></strong></div> </td> <td> <div align="center"> <strong><span class="style17">Time Held </span></strong></div> </td> <td> <div align="center"> <strong><span class="style17">Price (Recommended) </span></strong></div> </td> <td> <div align="center"> <strong><span class="style17">Price (Sold) </span></strong></div> </td> <td> <div align="center"> <strong><span class="style17">Profit/Loss</span></strong></div> </td> </tr> <tr> <tr bgcolor="#E6FFFF"> <td class="tickerbody">GT</td> <td class="numbersbody">01/05/2011</td> <td class="numbersbody">04/29/2011</td> <td class="numbersbody">114 Days</td> <td class="numbersbody">$12.69</td> <td class="numbersbody">$18.20</td> <td class="numbersbody">43.42%</td> </tr> <tr bgcolor="#E6FFFF"> <td class="tickerbody">CMG*</td> <td class="numbersbody">07/08/2011</td> <td class="numbersbody">08/18/2011</td> <td class="numbersbody">41 Days</td> <td class="numbersbody">$325</td> <td class="numbersbody">$285</td> <td class="numbersbody">12.36%</td> <td class="numbersbody">*Cover of a Short position</td> </tr> <tr bgcolor="#E6FFFF"> <td class="tickerbody">GT</td> <td class="numbersbody">09/06/2011</td> <td class="numbersbody">10/24/2011</td> <td class="numbersbody">2 1/2 months</td> <td class="numbersbody">$11.11</td> <td class="numbersbody">$13.58</td> <td class="numbersbody">24.46%</td> </tr> <tr bgcolor="#E6FFFF"> <td class="tickerbody">OLN</td> <td class="datebody">10/04/2011</td> <td class="numbersbody">10/27/2011</td> <td class="numbersbody">23 Days</td> <td class="numbersbody">17.17</td> <td class="numbersbody">$21.37</td> <td class="numbersbody">24.46%</td> </tr> |
|||||||