|
HTML - Using Iframe Makes All Text Below The Iframe Appear On The Right
hi,
i've a very simple html page, where i have an iframe. The problem is that i want to add some text below the iframe. however, my text keeps showing up on the right hand side of the iframe. i've looked at the tutorials discussing the tags available for iframe, but surprisingly, none seem to relevant to this. Code: <html> <body> <table border="0" cellspacing="10"> <table border="0" cellpadding="0" cellspacing="0" align="left"> <td valign="top"> <iframe src="mySource.jsp" height="700" width="600" frameborder="0" scrolling="auto"></iframe> </td> </table> This should be displayed below the iframe but actually gets displayed on the right </body> </html> any help / guidance in this will be much appreciated. thanks in advance! Similar TutorialsI have 2 IFrames on a page. I am going to end up with a long list of shows to catch-up on. Is there a way I can embed an IFrame with the list, and when you click on a show, you it will change the Playing Show http://tiny.cc/catchup <---The page I am referring to. I have a problem; Look at this; {a text field} <iframe id="iframe1" src="google.com/gog.html? + the letters in the text field"> My problem is to get the src in the iframe to be google.com/gog.pl? + the letters in a text box anywhere on my site. {google.com was just an example} Do you know this better than me? Please help, I am uploading my site back to my server after some updates. The main page is blurring all the pages linked via iframe. If you visit the main page all my text is blurry: http://www.sillywabbitproductions.com/ But if you visit the actual pages the text is just fine: http://www.sillywabbitproductions.com/main.html I've already diabled ClearType in case that had anything top do with it. Any idea what's causing this? Thanks in advance. Hi! I've been cracking my head trying to solve this: How can I insert a iframe [i.e. 300x200px] inside of another iframe [i.e. 700x500px] and pull different web content n each one? kind of concentric iframes or like a 'Donut iframe' Now here is my problem. I'm not familiar with other laguages then html and a little bit of javascript and I wanted to make a site for me and my brothers photography company. I currently using dreamweaver and have figured out the way I want to make this site. I tried using ordinary frames, but I want the website to be aligned in the middle and I could make that happen. That is why I went into iframes and a regular table on the index page. My problem now is that I have several iFrames and I want a link from one to open in another. http://www.trans4mind.com/personal_d...e/iframes3.htm here is a link for this to happen, and the simple solution is to name the frame and then target the link. but I have tried that and when the link is from one iframe to another it won't work. If the link is on the index page and target the iframe then it works. Do you have any idea why this happens? I know it's possible since the link above does it. Hi, I have a site that goes over about 3 pages in length and in the IE the page is longer than in firefox. This is really annoying when you have next to the page a sidebar that is supposed to have the same length as the page but in the IE the sidebar does not reach the end of the page (because the page is longer due to larger spacing). To me it seems that IE makes more spaces between the text lines like h1, h2, p, etc. Is this a common problem and is there any solution to this? Hello, i am making a website and im using an iframe and it seems to be, im doing it right, but when this page is displayed at a different resolution the iframe moves around?? Can anyone help me fix my problem? thanks for your time. How come the following script is not working? It worked all fine, until i duplicated it to make tabs. HTML Code: <!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AKBrowser</title>
<script type="text/javascript">
function show_prompt()
{
var name=prompt("Please enter the website name in the next pop up box. E.g. (for next one) http://www.apple.com. Note Google and Yahoo aren't supported.","Not this one");
document.getElementById('website').src = prompt() ;
}
function show_promptb()
{
var name=prompt("Please enter the website name in the next pop up box. E.g. (for next one) http://www.apple.com. Note Google and Yahoo aren't supported.","Not this one");
document.getElementById('websiteb').src = promptb() ;
}
function show_promptc()
{
var name=prompt("Please enter the website name in the next pop up box. E.g. (for next one) http://www.apple.com. Note Google and Yahoo aren't supported.","Not this one");
document.getElementById('websitec').src = promptc() ;
}
</script>
<style type="text/css">
ul
{
list-style-type:none;
margin:0;
padding:0;
}
a:link,a:visited
{
display:block;
font-weight:bold;
color:#FFFFFF;
background-color:#FF0000;
width:120px;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}
a:hover,a:active
{
background-color:#CC0033;
}
</style>
</head>
<body bgcolor="#000000">
<table border="0">
<tr><td>
<a name="tabone"><a href="javascript:history.go(-1)" target="iframe_a"><img src="back.png" height="50" width="50" /></a></td><td><button type="button" onclick="show_prompt()" style="height: 50px; width: 500px">Click to go to a different site</button> </td><td>
<a href="javascript:history.go(+1)" target="iframe_a" ><img src="forward.png" height="50" width="50" /></a> </td><td><font color="#33FFFF" size="6">This is the AKBrowser. Made by AK.</font></td></tr></table> </a>
<ul>
<li><a href="http://www.apple.com" target="iframe_a">Apple</a></li>
<li><a href="http://www.bing.com" target="iframe_a">Bing</a></li>
<li><a href="" target="iframe_a">Google</a></li>
<li><a href="http://www.miniclip.com" target="iframe_a">Miniclip</a></li>
<li><a href="http://www.wikipedia.com" target="iframe_a">Wikipedia</a></li>
<li><a href="http://www.msn.com" target="iframe_a">MSN</a></li>
<li><a href="http://www.cnn.com" target="iframe_a">CNN</a></li>
<li><a href="http://www.espn.com" target="iframe_a">ESPN</a></li>
<li><a href="http://www.youtube.com" target="iframe_a">Youtube</a></li>
<li><a href="http://www.facebook.com" target="iframe_a">Facebook</a></li>
<li><a href="http://www.twitter.com" target="iframe_a">Twitter</a></li>
<li><a href="http://www.nytimes.com.com" target="iframe_a">NY Times</a></li>
<li><a href="#tabone">Tab 1</a></li>
<li><a href="#tabtwo">Tab 2</a></li>
<li><a href="#tabthree">Tab 3</a></li>
<li><a href="#tabfour">Tab 4</a></li>
<li><a href="#tabfive">Tab 5</a></li>
<li><a href="#tabsix">Tab 6</a></li>
<li><a href="#tabseven">Tab 7</a></li>
<li><a href="#tabeight">Tab 8</a></li>
</ul>
<iframe src="" style='position:absolute;top:10%;left:10%;right:0px;width:90%;height:90%' frameborder="0" id="website" name="iframe_a"> Your Browser Doesn't Support iFrames </iframe>
<!-- Tab Divider -->
<table border="0">
<tr><td>
<a name="tabtwo"><a href="javascript:history.go(-1)" target="iframe_b"><img src="back.png" height="50" width="50" /></a></td><td><button type="button" onclick="show_promptb()" style="height: 50px; width: 500px">Click to go to a different site</button> </td><td>
<a href="javascript:history.go(+1)" target="iframe_b" ><img src="forward.png" height="50" width="50" /></a> </td><td><font color="#33FFFF" size="6">This is the AKBrowser. Made by AK.</font></td></tr></table> </a>
<ul>
<li><a href="http://www.apple.com" target="iframe_b">Apple</a></li>
<li><a href="http://www.bing.com" target="iframe_b">Bing</a></li>
<li><a href="" target="iframe_b">Google</a></li>
<li><a href="http://www.miniclip.com" target="iframe_b">Miniclip</a></li>
<li><a href="http://www.wikipedia.com" target="iframe_b">Wikipedia</a></li>
<li><a href="http://www.msn.com" target="iframe_b">MSN</a></li>
<li><a href="http://www.cnn.com" target="iframe_b">CNN</a></li>
<li><a href="http://www.espn.com" target="iframe_b">ESPN</a></li>
<li><a href="http://www.youtube.com" target="iframe_b">Youtube</a></li>
<li><a href="http://www.facebook.com" target="iframe_b">Facebook</a></li>
<li><a href="http://www.twitter.com" target="iframe_b">Twitter</a></li>
<li><a href="http://www.nytimes.com.com" target="iframe_b">NY Times</a></li>
<li><a href="#tabone">Tab 1</a></li>
<li><a href="#tabtwo">Tab 2</a></li>
<li><a href="#tabthree">Tab 3</a></li>
<li><a href="#tabfour">Tab 4</a></li>
<li><a href="#tabfive">Tab 5</a></li>
<li><a href="#tabsix">Tab 6</a></li>
<li><a href="#tabseven">Tab 7</a></li>
<li><a href="#tabeight">Tab 8</a></li>
</ul>
<iframe src="http://www.bing.com" style='position:absolute;top:10%;left:10%;right:0px;width:90%;height:90%' frameborder="0" id="websiteb" name="iframe_b"> Your Browser Doesn't Support iFrames </iframe>
<!-- Tab Divider -->
<table border="0">
<tr><td>
<a name="tabthree"><a href="javascript:history.go(-1)" target="iframe_c"><img src="back.png" height="50" width="50" /></a></td><td><button type="button" onclick="show_promptc()" style="height: 50px; width: 500px">Click to go to a different site</button> </td><td>
<a href="javascript:history.go(+1)" target="iframe_c" ><img src="forward.png" height="50" width="50" /></a> </td><td><font color="#33FFFF" size="6">This is the AKBrowser. Made by AK.</font></td></tr></table> </a>
<ul>
<li><a href="http://www.apple.com" target="iframe_c">Apple</a></li>
<li><a href="http://www.bing.com" target="iframe_c">Bing</a></li>
<li><a href="" target="iframe_c">Google</a></li>
<li><a href="http://www.miniclip.com" target="iframe_c">Miniclip</a></li>
<li><a href="http://www.wikipedia.com" target="iframe_c">Wikipedia</a></li>
<li><a href="http://www.msn.com" target="iframe_c">MSN</a></li>
<li><a href="http://www.cnn.com" target="iframe_c">CNN</a></li>
<li><a href="http://www.espn.com" target="iframe_c">ESPN</a></li>
<li><a href="http://www.youtube.com" target="iframe_c">Youtube</a></li>
<li><a href="http://www.facebook.com" target="iframe_c">Facebook</a></li>
<li><a href="http://www.twitter.com" target="iframe_c">Twitter</a></li>
<li><a href="http://www.nytimes.com.com" target="iframe_c">NY Times</a></li>
<li><a href="#tabone">Tab 1</a></li>
<li><a href="#tabtwo">Tab 2</a></li>
<li><a href="#tabthree">Tab 3</a></li>
<li><a href="#tabfour">Tab 4</a></li>
<li><a href="#tabfive">Tab 5</a></li>
<li><a href="#tabsix">Tab 6</a></li>
<li><a href="#tabseven">Tab 7</a></li>
<li><a href="#tabeight">Tab 8</a></li>
</ul>
<iframe src="" style='position:absolute;top:10%;left:10%;right:0px;width:90%;height:90%' frameborder="0" id="websitec" name="iframe_c"> Your Browser Doesn't Support iFrames </iframe>
</body>
</html>
Also, for my prompt box, it says "enter in blah blah in the next page", because for some reason whenever you click ok it goes to another prompt which says undefined, and that is the one it actually uses. The problem is that when I click the "links" i have at the side, it doesn't actually go to the link inside the iframe, and when i click the back button it actually doesn't go back (my back button) I am trying to have my forums on my website but I would like to have it always fit nice. As the forum length always changes is it possable to have the Iframe height change aswell? I read that I can use a "%" instead of pixel height. http://bowdownairsoft.webs.com/forum.html I'm trying to put an iframe on my site, that will display a certain area of another person's site. If i grab the demensions of the site chunk I need, would an iframe be able to display them on my site? I was wondering if there was a way for my iframe located on my website (which is currently loading google.com) to automatically load the specific part of the google webpage I want it to. In other words, when I go to my website, in the iframe I would like to see a specific part of a website located in the middle of the site. Right now the iframe is set to load the page at the top left corner when the size of the iframe is 200 by 200 pixels. Because of this small iframe, it is vital that I only see the part of the webpage I want to see so I dont have to scroll around in the iframe to find it. I hope someone understands what I mean... Thanks, JT I am new at html & have built a site that uses iframes. I am having an issue of with refreshing the entire browser content. I have several pages that are inserted into the iframe that contain links that need to do one of the following things: 1. Replace the entire page, replacing the entire content of the page (main.html) including the iframe content. 2. Open a new browser window that contains the information. As of right now, the page that needs to refresh the browser window is being shoved into the iframe. Please help! I have tried the following code & it still puts the new html into the iframe window <a target="_top" href="newpage.html"> Thanks in advance! Spencer I have created an html page that calls another html page into an iframe. I've never used iframe before, so please forgive my ignorance. It was recommended to me by a friend of mine to use for this particular project. Anyway, the document being 'imported' needs scroll bars vertically but shouldn't horizontally. I have set scroll to 'auto'. The width of the iframe is 320 px. The document that I'm calling in is about 260 px. I've tried putting the child document contents in a table of varying sizes from 280-320 px and still get horizontal scroll bars when viewing on the PC using Internet Explorer. I've eliminated the table and just placed the text into the html doc using <span class = "">. No other browsers that I've tested Mac or PC have the horizontal scroll. Is there a way to target and eliminate just the horizontal scroll in iframe? Or, is there something I can do to the child document to remove the horizontal scroll when imported assuming that the area that it's being imported to is 320 px wide? Perhaps there's another method altogether that would work better for me? I originally used textarea, but it did not work for my purpose(s) because I need to apply formatting, ie <b></b>, to certain lines of text. Thanks in advance - sleepydad Hello, I've been searching for some help for awhile now, and I've been unable to find any. I've used multiple search engines, and tried numerous forums. Here is my problem. I'm playing an online game that has an external link that users can give out to receive extra citizens within the game. I created a forum for my alliance and wanted to add a ClickMaster built into the forum. I used the forums built in website where I can add in html. I wanted to have all of the links show up in an Iframe. My problem is that I want to be able to recruit 1 persons recruit link, and then have the Iframe refresh to the next link on the list. So far I've only figured out how to add a list above the Iframe with each users name, and when you click each name it shows up in the Iframe. What I want is the 1st person show up in the Iframe, and after clicking, it moves onto the next link, and so on..... My second problem is trying to figure out how to move the scroll bar. My Iframe is wide enough that it does not have a horizontal scrollbar, but I do have a vertical scrollbar. Instead of making the Iframe larger, I wanted to have the Iframe automatically scrolldown. I've used a couple javascripts, but none have been successful yet. I'm not sure if it's because I'm not using the script correctly, or if my forum does not support javascript. The second part is not as important to me as the 1st problem. I am using a Zetaboard, and if anyone needs to see the board I can approve you as a member of the board. So I've set each links target as the Iframe, but how can I make it so each link shows up after I recruit each person? Would it be timed? Or would it move to the next link after a click within the Iframe? HTML Code: <html> <body> <p> <a href="http://darkthrone.com/recruiter/outside/D5OA3OE4OA0OA0OF9OC2" target="EoM's CM"> <font color="red">player1</a> <br> <a href="http://darkthrone.com/recruiter/outside/D5OE6OA0OA3OC2OD8" target="EoM's CM"> <font color="red">player2</a> <br> <a href="http://darkthrone.com/recruiter/outside/D5OD5OF1OB7OD5OD8OF9" target="EoM's CM"> <font color="red">player3</a> <br> <a href="http://darkthrone.com/recruiter/outside/D5OD8OF9OA3OF1OD5OA0" target="EoM's CM"> <font color="red">player4</a> <br> <a href="http://darkthrone.com/recruiter/outside/A0OF9OF9OC2OA0OD8OA0" target="EoM's CM"> <font color="red">5</a> <br> <a href="http://darkthrone.com/recruiter/outside/A0OF9OF9OE6OE6OA0OA0" target="EoM's CM"> <font color="red">asdfasdf</a> <br> <a href="http://darkthrone.com/recruiter/outside/D5OD5OC2OD5OF1OA0OC2" target="EoM's CM"> <font color="red">bear</a> </color> </font></p> </body> </html> <br> <br> <center> <iframe src="http://darkthrone.com/recruiter" style="border:1px solid;" name="EoM's CM" onload="scrollToBottom()" scrolling="yes" frameborder="yes" align="center" height = "450px" width = "1200"> </iframe> </center> Sorry for the really long post, I just wanted to follow forum rules and be as specific as I could be. If anyone needs any more info let me know. I hope I made some sense. Thank you. how come my iframe code doesnt work is this correct?? <IFRAME SRC="http://www.xanga.com/miiew.html" WIDTH=630 HEIGHT=505 FRAMEBORDER=0 SCROLLING=YES ALIGN=LEFT HSPACE=15 VSPACE=15></IFRAME> thanks =] Hello everyone im new to this site. I am creating a website and i keep all of the data of each title in a iframe. How do i make it so that the only thing that changes is the iframe and all of the other stuff stays on the screen and doesn't load again? Thanks for any help that you will be able to give me. Can someone tell me why that white lines around iframe appears? That only happens in E.I.? How do I get rid of them? link: http://gonoba.tomazmraz.com/eng/index.html Hi all, I'm working on my first transparent iFrame. I know this is basic stuff for alot of people, but for me, it's a big challenge. I have knowledge of html coding and I am trying to extend my learning into creating iFrames. I'm wondering if someone could step by step this for me as far as correct placement of my frame, how to make it transparent and how to make the scroll bar the same color as my background. My content page is 'content.html' and main page is 'index.html' See what I have so far at: penmorecastle.com Thank you in advance for your help! Is their a way to iframe a certain area in the iframed site? Good night, good night! An iframe on my site, it will (for the moment I am without much sweat!). But then is it possible to center the iframe (without scrollbar) on a specific part of the external site? In my case, I focus my iframe on the frame where the text scrolls from bottom to top And the second point, I thing the configuration so that when one clicks on a link from an external site seen in the iframe, the page from an external site opens in a new window (the story people stay on my site while meeting their needs)? Thank you for your answers ... It may be unclear. In this case, please let me know, I do not realize. |
|||||||