|
HTML - Using Frames, Need My Page To Stay The Way I Make It
Hope 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 Similar TutorialsHi, I am trying to figure out how to make my links stay on the left side page while scrolling down or up. Not sure if this is the right place to post. Any help, codes, and/or examples would be great. Thanks <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> Hi, I have a framed page, two frames, a small top frame with a drop-down menu, the drop down menu are links to external pages, the external links are displayed within the lower frame. I have everything set up and working fine, but then I had to find a little "snag"...(of course) When I browse within the lower window (clicking links on the pages displayed in the lower window) some links override my frames and open up on top of my framed site. So my question is: Is there a way to make my frames "absolute" (stay on top nomatter what), that is, all links within the lower frame will be opened up within the frame and not on top? (bare in mind that these are external pages and I do not control the nature of the links such as target tags etc.) I have my code here... INDEX: Quote: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE></TITLE> </HEAD> <frameset rows="35px,*" frameborder="0"> <frame name="menu" src="dropdown.html" scrolling="no" noresize> <frame name="content" src="blank.html"> </frameset> </HTML> DROPDOWN.HTML Quote: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE></TITLE> <base target="content"> <script language="javascript" type="text/javascript"> <!-- function menu_goto( menuform ) { var baseurl = "" ; selecteditem = menuform.newurl.selectedIndex ; newurl = menuform.newurl.options[ selecteditem ].value ; if (newurl.length != 0) { parent.content.location.href = baseurl + newurl ; } } //--> </script> </HEAD> <BODY topmargin="2" leftmargin="2"> <form action="dummyvalue"> <select name="newurl" onchange="menu_goto(this.form)"> <option value="" selected="selected">----- Choose a link -----</option> <option value="http://www.sitenumber1.com">first link</option> <option value="http://www.sitenumber2.com">second link</option> </select> </form> </BODY> </HTML> any suggestions? Can someone show me how to make a background stay still when you scroll up and down the page? How do I make a table with a fixed width stay centered even if the browser window's horizontal size is smaller than the table's horizontal size? align="center" makes the table centered as long as the browser window is bigger than the table. If the browser window is smaller, the table will be cropped on the right size only, not on both size. I would like to do this to have a table with a fixed width and a background image, so that no horizontal scrolling bar appears if the screen resolution if too small for the table. The image should howerver stay centered no matter what the windows size is. Thanks. how do I make my header not scroll with my gallery? anything above the images, my name, email, number, link to bio all that stuff page in question is www.paulodourado.com Hi Guys, How can i make my footer stay at the bottom of the page so when the user holds down ctrl and zooms out i want to the footer to stick to the bottom of the screen, i have done this before but i cant remember for the life of me and its actually killing me know can someone put me out of my misery please. heres the HTML and CSS its called BottomBanner HTML Code: <%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Vodafone One Net Express</title>
<style type="text/css">
body{background: none repeat scroll 0 0 #F4F4F4; margin:0px !important; padding:0px !important;}
.PageSetter{margin-left:auto; margin-right:auto; margin-top:-2.3%; background: none repeat scroll 0 0 #F4F4F4; position:relative; }
.TopBanner{background-color:#C51906; width:100%;height:80px;}
.TopBanner h1{font-size:2.7em; text-align:center; color:White; margin-left:auto; margin-right:auto; padding-top:15px; font-weight: normal; width: 600px;}
.BottomBanner{background-color:#C51906; width:100%;height:80px; margin-bottom:-0.1% !IMPORTANT}
.BottomBanner h1{font-size:2.3em; text-align:center; color:White; margin-left:auto; margin-right:auto; padding-top:15px; font-weight: normal; width: 600px;}
.IframeContiner{width:980px; margin-left:auto; margin-right:auto; margin-top:10px}
.IframeStyle{Width:982px; height:1000px; border:0px}
</style>
</head>
<body>
<div class="PageSetter">
<div class="TopBanner">
<h1>
Vodafone One Net Express
</h1>
</div>
<div class="IframeContiner">
<iframe scrolling="auto" class="IframeStyle" src="http://www.telegraph.co.uk/finance/yourbusiness/businesstechnology/9209385/Review-Vodafone-One-Net-Express.html">
</iframe>
</div>
</div>
<div class="BottomBanner">
<h1>
Call Now 0800 1980 000
</h1>
</div>
</body>
</html>
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? 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 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 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> 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! 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. 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 Greetings I have this problem that i have menu in Iframe and from that iframe i have link to another page. Now when i click the link it opens the link in the iframe window and does not move me completely on the new page. How do i put link that will get me to new page, and does not open it in the iframe window? Also i have another page with PHP include, would love to know the same thing in PHP. So i have this link that opens in the IFrame window, but i dont want to open it in IFRAME, but i want to move completely to the page the link shows. Also i don't want to open it in new window, i want it open in same window. Thanks for help! |
|||||||