|
HTML - Frames, Iframes And Framesets
hi there
can anyone tell me how to put in a background color on iFrames ? am trying to call a particual site onto to a new html page but i want the new html page to have a different background color ? how do i do tht ? Similar TutorialsFirst, people were saying *frames* were bad for a lot of reasons... *then*...they were saying iframes were bad...for the same reasons! So..if frames and iframes are so bad, what is the alternative that has the same functionality as frames and iframes (parts of the screen can change *and* scroll, controlling one side with the other like a 'menu' on the left and 'contents' on the right which changes). I'm working on an application where the user will be able to build a page made up of several unrelated blocks of information. Since I'd like to generate some ad revenue from these pages, I'm concerned the disjointed nature of the information will tend to confuse ad networks (e.g. AdSense), leading to sub-optimal ads, fewer click-throughs, and less money. It would be very easy for me to create each block of information as a separate page ("sub-page"), containing its own ad code, and then pull them (and their ads) all together in the user-created pages using frames or iframes. Based on my (limited) understanding of how the ad networks work, it seems this would enable better-targeted ads based on each of these sub-pages. If I'm right, the only problem is the frames and their associated headaches. 1. Am I making too much of the ad relevance issue? 2. Is there a non-frame solution that will achieve the same results? 3. Are the benefits of frames worth the problems? Thanks. Involute <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "" > <html lang="en"> <head> <title>PokCosmo</title> <base href="http://www.pokecosmo.com/"> <meta name="keywords" content="pokemon, online pokemon, pokemon articles, netbattle tutorials, pokemon projects, pokemon forums, pokemon community, pokemon pokedex, battle competitor, netbattle, pokemon netbattle, pokemon art, pokemon fanart, pokemon diamond and pearl,free, pokemon ruby and saphire, pokemon emerald, pokemon ruby, pokemon saphire, pokemon cheat codes, pokemon hacks."> <meta name="robots" content="PokйCosmo Front Page 4.0"> <link rel="stylesheet" media="all" type="text/css" href="default.css"> <link rel="alternate stylesheet" type="text/css" media="all" title="style1" href="style1.css"> <link rel="alternate stylesheet" type="text/css" media="all" title="style2" href="style2.css"> <frameset rows="19.5%,80.5%"> <frame img border="0" src="column.html"> <frameset cols="15%,75%"> <frame src="framerow.html"> <frame src="column6.html"> </frameset> <noframes> <p>This frameset document contains:</p> <ul> <li><a href="#"><a href="www.pokecosmo.com"><img align="left"src="http://img152.imageshack.us/img152/5646/pokecosmosett2.png"></a> <a align="right" href="www.pokecosmo.com/pokegames"><img border="0" src="http://img523.imageshack.us/img523/7470/pokemongamesfz9.gif"></a> <a href="www.pokecosmo.com/projects"><img border="0"src="http://img511.imageshack.us/img511/6365/projectsjv5.gif"></a> <a href="www.pokecosmo.com/pokedex"><img border="0"src="http://img525.imageshack.us/img525/1631/pokedexqc0.gif"></a> <a href="www.pokecosmo.com/netbattle"><img border="0"src="http://img525.imageshack.us/img525/2083/netbattlemp1.gif"></a> <a href="www.pokecosmo.com/forums"><img border="0"src="http://img153.imageshack.us/img153/3989/forumsgc0.gif"></a></a></li> <li><a href="#"> <div id="left_side"> <div id="left_side_menus"> <img src="http://img238.imageshack.us/img238/3926/sitefv0.png"> <ul> <li><a href="contact" style="text-decoration:none">Contact</a></li> <li><a href="history" style="text-decoration:none">History</a></li> <li><a href="main" style="text-decoration:none">Main</a></li> </ul> <img src="http://img265.imageshack.us/img265/2431/projectsxy3.png"> <ul> <li><a href="pokemononline" style="text-decoration:none">POL RPG</a></li> <li><a href="netbattle" style="text-decoration:none">Competitor</a></li> <li><a href="graphics" style="text-decoration:none">Graphic Projects</a></li> </ul> <img src="http://img299.imageshack.us/img299/6435/downloadswk7.png"> <ul> <li><a href="downloadrpg" style="text-decoration:none">POL RPG</a></li> <li><a href="downloadnetbattle" style="text-decoration:none">Netbattle</a></li> </ul> <img src="http://img293.imageshack.us/img293/395/communityuo0.png"> <ul> <li><a href="forum/Login.php" style="text-decoration:none">Login</a></li> <li><a href="forum/register.php" style="text-decoration:none">Free Registration</a></li> <li><a href="forum/showthread.php?p=thread.php" style="text-decoration:none">Forum Rules</a></li> <li><a href="forum/reportabuse.php" style="text-decoration:none">Report Abuse</a></li> </ul></a></li> <li><a href="#"><meta name="robots" content="PokйCosmo Front Page 4.0"> <link rel="stylesheet" media="all" type="text/css" href="default.css"> <link rel="alternate stylesheet" type="text/css" media="all" title="style1" href="style1.css"> <link rel="alternate stylesheet" type="text/css" media="all" title="style2" href="style2.css"> <style type='text/css'> h1 {color: silver} h3 {color: black} </style> <img align="top" src="http://img340.imageshack.us/img340/3342/diamondandpearlcs3.png"><h1> Pokemon Diamond and Pearl- In stores Now!!!</h1> <img align="left" src="http://img249.imageshack.us/img249/953/diamondyr4.jpg"> <img align="right" src="http://img522.imageshack.us/img522/4228/pearlrd5.jpg"> <div align="bottom"><h4>PokйCosmo.com © 2007. All rights reserved.</h4> |<a align="bottom" href="http://www.pokecosmo.com">Home</a> | <a href="http://www.pokecosmo.com/forums">Forums</a> | <a href="netbattle">Pokemon Netbattle</a> | <a href="pokemonol>Online RPG</a> | <a href="pokedex">PokeDex</a> | <a href="contact">Contact Us</a> | <a href="affiliates">Affiliates</a>| <a href="copyright">Copyright</a>|<a href="content">Content rating</a>|</div> </div></a></li> </ul> </noframes> </frameset> <div id="footer"> <div>PokйCosmo.com © 2007. All rights reserved.</div> I was reading about doctypes, and I found the XHTML frameset. I wondered what that was, and Googles it, but all I know is that it deals with frames. I can't find any straight answers about what frames are or how to use the frameset doctype. What are frames, and can someone link me to a tutorial on using them? I cannot believe I am asking this question, but we all do get stuck in some older html stuff anyway, here's the question: I am working on Framesets, and can't seem to get them to work, I went on two w3c.org and used that, but they display 3 files, I have One main file which is mainfile.html one file for leftside stuff leftsidesource.html and right side stuff, rightsidesource.html How can I bring left side and right side onto mainfile.html?? I went with my own instincts and couldn't get it to work... Thanks in advance! =-) Im trying to do a frameset. Ive searched everywhere but cant find a code to help me what i am trying to do is create a frameset with 4 frames. 1 left side frame (full length of window) 2 center frames (half window each) and another 1 right frame window (full lenght) any ideas anyone?? Thanks!! hi, im new to html and css. i created a webpage for my porfolio which you can see hereCLICK HERE My problem is i cant figure it out how to center in horizontally. it looks like centered when viewed on 1024 wide monitor. but when viewed more than 1024 wide monitor, its messed up i need all you help. please. thank you. Hi, I am Loading two frames in a page. Iam having huge amount of data in frame2 so i want to make it invisible initially after the dat is loaded then i want to make frame2 visible and frame1 invisible. any one suggest the solution?? Here is the code that am using visible="false" is not working <html> <frameset cols="55%,*" FRAMEBORDER=NO FRAMESPACING=0 BORDER=0> <frame src="LoadingFrame.aspx" NORESIZE /> <frame visible="false" src="VisitorInsightsDashboard.aspx" scrolling="no"/> </frameset> </html> 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? Okay, well this is the raw website: http://www.shuushuubuttons.com/index2.html I have three iframes there...but when you bring the browser window in and out (using your mouse) the top frame gets eaten up by the bottom ones. Is there any way to 'lock' the top and left frame so it doesn't change size. I put in the 'noresize' tag, but that didn't seem to make any difference. Any help would be appreciated! Take a look at my html, maybe I've done the tags wrong. Thanks! instead of doing frames i've put all my contents into an Iframe with 3 links underneth. Problem is, when you click a link it goes onto a different page, how do i make the link'ed contents appear in the iframe? I hope i make sense! Here... I don't know how to explain this, but I'm having a problem with IFrames. Check out the link: http://www.freewebs.com/noeylani94/index.htm I want all three of them lined up horizontally Hi, this is my first post here. I uploaded my webpage http://inferno.comxa.com to the server of 000webhost.com When I tried to view them through various browsers, I found that the height attribute of the iframe tag was not responding in any browser except Chrome (12.0). I used the following browsers for checking: IE 8, Firefox 5.0, Opera 11, Chrome 12.0 This is my code Code: <body> <iframe src = "top-right.html" height = "23%" width = "15%"></iframe> <iframe src = "top.html" height = "23%" width = "83%"></iframe><br> <iframe src = "topics.html" height = "77%" width = "15%"></iframe> <iframe src = "home.html" height = "77%" width = "83%" name = "main"></iframe> </body> This is what I was able to see However when I ran a similar code on the editor of w3schools.com, it came out fine in all browsers. This is what I see in w3schools editor What is happening ? why such anomaly ? Help is appreciated. I also tried to replace the attributes of the iframe tag with CSS, but i found the same thing. Looks fine with Chrome but the height was not being registered with any other browser. This is my exact html code Code: <!doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="default.css" />
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
</head>
<body style="height:100%;background-color:black;" >
<iframe src="" style="height:25%; width:15%;"></iframe>
<iframe src="" style="height:25%; width:83%;"></iframe><br>
<iframe src="" style="height:75%; width:15%;"></iframe>
<iframe src="" style="height:75%; width:83%;" name = "main"></iframe>
</body>
</html>
and this is my stylesheet Code: *{background-color:black;color:white;}
html{background-color:black;color:white;}
h1{font-size:250%;text-align:center;color:yellow;background-color:black;}
h2{font-size:175%;text-align:left;background-color:black;color:white;}
body{background-color:black;color:white;font-size:120%;}
p:first-letter{font-size:150%;color:red;background-color:black;}
a:link{color:blue;background-color:black;}
a:visited{color:blue;background-color:black;}
a:hover{color:yellow;background-color:black;}
a:active{color:white;background-color:black;}
this is what I saw in IE8 http://html.net/forums/download/file.php?id=55 By the way, in IE8 i get a white space in the frames whereas in Firefox/Chrome/Opera , it comes out black. Anything with CSS compatibility? Hello, I am creating HTML sites for various accommodations. They all have listings and availability calenders on a directory as is show he http://www.walestouristsonline.co.uk...ity.asp?id=103 I would like to be able to somehow create something along the lines of an iframe that just incorporate just the calendar part of the page (not the entire page) in the site I am making. Anyone any idea how this can be done? Thanks. Hi, I have a dynamic table which is updated on a form submission. I am trying to update the table without a page refresh so that the form doesn't reset itself back to its default settings thus avoiding the user constantly having to change the fields each time they enter a record. I was thinking of using an iFrame as this looks like a good and relatively easy way to achieve this. Can someone please tell me how I can place a table within an iFrame and refresh just the Iframe contents on the form submission. I hope someone can please help with the code. Thanks Simon Is there a way to make an iframe load all of a page, and make that its height? I don't want a scroll bar, but I would like it so the user can read the whole page in the frame. Is this possible? Thanks. Hi, I have a webpage which a friend of mine designed a long time ago. I'm not an HTML expert but I know the base things, and the problem is that my site don't use iframes, instead there are tables. I have many pages and the navigation links are on every single page. It's really a pain in the neck to change all pages to modify a navigation link. This is how the HTMl looks: Code: <body> <table width="800" border="0" cellpadding="0" cellspacing="0" class="main" align="center"> <tr><td colspan="2">Head image there</td></tr> <tr><td class="left"> <!--START OF NAVIGATION--> Navigation links are here <!--END OF NAVIGATION--> <td class="content"> <!--START OF CONTENT--> CONTENT HERE <!--END OF CONTENT--> </center></td></tr> <tr><td colspan="2" class="footer"> <!--START OF FOOTER--> This is the footer <!--END OF FOOTER--> </td></tr></table> </body> </html> A pictu Now my question would be that is it possible to put the navigation in a frame but keep the whole site layout the same? I mean, I would like to keep the scrolling the same - Have only 1 scrollbar and when scrolling, scroll the whole page, the navigation and the main content too. Thank you very much for any help! hi all... I am working with iframes on a website I am designing. My question is this... If users scroll all the way to the bottom of the page and click a link, how do you restore the index page all the way to the top, while loading the requested page within the iframe? |
|||||||