|
HTML - Iframe Problems
I am using Webstudio 5.0 to build my website. What I am trying to achieve with this iframe is to bring a blog from another website into my current one. If you go to www.nigh****ch.net/Blog.html you will see what it looks like. This works perfect in Firefox, but not in IE and Chrome.
The code used is: <iframe src="http://nigh****chsecurity.blogspot.com/" width="767" height="600"></iframe> It looks as if Web Studio tries to add the master page onto the iframe. You can see the image boxes that show up in the same format that the whole website layout is, and these images are not on the target website. Any ideas? Similar TutorialsHello, I need some help, im trying to help a friend with his fathers website.. He is using a script (JS) thats showing the way to his photostudio and he got the script from a known website called Eniro.se (swedish website). the this is, when he installed the script it worked as he wanted and after about 1 year it became a problem. It is an Iframe problem, he want it to be iframe but he want to make the site open in a new window. its easier to check by ur self to help i copied the site to my server so the link is http://gotno.name/conny/hitta_hit.html so if you want to help, go there and help me understand why its not opening the site in a new window anymore... Sincerely! Ompaa Hello I was updating my layout for my fansite (http://completely-gaga.com) last night and for some apparant reason my iframe which worked perfectly well before won't display any of the pages i've linked to it. Any suggestions? http://www.cedarcreekyouth.org/calendar.html Works fine in Firefox/Chrome but the iFrame'd Calendar is messed up in Internet Explorer, it is too small.. How can I fix this? Thanks, Cody Hey,I use an iframe on my site but if i wanna open a page it opens in a popup but its supposed to open in the iframe.. what am i doin wrong?? this is my iframe: Code: <iframe src="Home.html" name="Content" width="100%" height="400" marginwidth="0" marginheight="0" frameborder="0" > </iframe> this is my menu: Code: <h1>Home</h1>
<a href="../index.html" target="content"">Index</a>
<a href="forum.html" target="content>Forums</a>
<a href="mailto:" target="content>Contact</a>
<h1>Anime</h1>
<p><a href="naruto.html" target="content">Naruto</a>
<a href="dragonball.html" target="content">Dragonball </a>
<a href="dragonballz.html" target="content">Dragonball Z</a>
<a href="dragonballgt.html" target="content">Dragonball GT</a>
<a href="bleach.html" target="content">Bleach</a>
<h1>Games</h1>
<p><a href="f2p.html" target="content">F2P MMORPG</a>
<a href="p2p.html" target="content">P2P MMORPG</a>
<a href="role.html" target="content"><strong>TBRPG</strong></a></p>
I am trying to make a quick fruit machine for the company I am on placement with. (see pic below) It is to be use for a one day show and I only have 20hrs to complete it. (15 already used) I'm using a table (mainly for speed) 5x3 the top and bottom center cells span 3 columns and the middle row has the usual 5 td tags 1st and 5th are for the side images and the 3 in the middle contain Iframes to display the relevent info for each reel. the functionality of the game works fine but the borders ruin the look of the page. It's not finished yet but as you can see the borders trash any looks. the ifames are set with: frameborder="0" marginheight="0" marginwidth="0" scrolling="no" and the table is set using css with: border-collapse: collapse; the border-collapse: collapse; gets rid of all the table borders perfectly without the Iframes but the once the iframes are placed in the td's it seems they extend the cell by one pixel. Does anyone know of a way to get rid of them? thanks for looking. Below is the page code if it helps. 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" xml:lang="en" lang="en" >
<head>
<title>Fruit Machine</title>
<!--<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />-->
<meta name="robots" content="noindex,nofollow" />
<meta name="author" content="www.custompages.co.uk" />
<style type="text/css" media="all">@import "./include/admin.css";</style>
</head>
<body style="background:#FFFFFF;">
<style type="text/css">
.game {
/*background:#000000;*/
/*border: thick solid rgb(128,128,128);*/
border-collapse: collapse;
border: none;
width:960px;
}
td {
background:#FFFFFF;
border-collapse: collapse;
}
.frame {
border-collapse: collapse;
margin:0;
padding:0;
}
</style>
<table align="center" class="game">
<!--row 1 score panel -->
<tr>
<td width="240px;" ><img src="images/topl.gif"></td>
<td align="center" width="480px;" colspan="3"><img src="images/score.gif"></td>
<td width="240px;" ><img src="images/topr.gif"></td>
</tr>
<!--row 2 reels -->
<tr>
<td><img src="images/midl.gif"></td>
<td class="frame"><iframe name="f1" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src=f1r.asp?val= width="160px;" height="300px;"> </iframe></td>
<td class="frame"><iframe name="f2" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src=f2r.asp?val= width="160px;" height="300px;"> </iframe></td>
<td class="frame"><iframe name="f3" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src=f3r.asp?val= width="160px;" height="300px;"> </iframe></td>
<td><img src="images/midr.gif"></td>
</tr>
<!--row 5 play/result button -->
<form name="play" method="post" action="play.asp">
<tr style="text-align:center;">
<td><img src="images/botl.gif"></td>
<td colspan="3" style="background:url('images/button.gif');"><input type="Submit" style="width:300px; background:#0000FF; color:#FFFFFF; font-size:26px;" name="play" value="PLAY" javascript:onkeyup="play.form.submit();" ></td>
<td><img src="images/botr.gif"></td>
</tr>
</form>
</table>
</body>
</html>
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! I 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. this is my page http://web.vtc.edu/users/cjb06271/CI...nal/order.html there are several things I would like to happen. 1. the right collumn background to be where the right collumn should be(so other links in navbar) 2.The test between the roach pictures to be alligned with the top rather than bottom of pictures (so smaller windows can see) 3. When you size the window smaller than the text, a scroll bar appears, and when you scroll the background no longer exists. If I put it on auto the background will only go as far as the text does. 4. (nice but not required)The cocroachs to be alligned to the left and right of the top bar respectively, and the text in the middle. 5. (nice but not required) the right column background image is being cut in half (as does the top one if you size small enough). any way to make the images ignore the collumns? don't worry about the colors I will be changing them soon 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. 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. Hello, I'm having trouble solving a problem involving frames in IE7. On this page, in IE7 only, I get a large frame with a jumble of images below it. However, the same page looks perfect in Firefox. Additionally, this page works fine in IE7. It uses frames as well...?! Is there something wrong with my HTML code? Please help. Thanks in advance, echotree I am using iFrame code in my website www.teeandcakes.com The reason being is to import a blog from blogger. This has worked. However one of the main reasons to do this is for web visitors to be able to use the blog as a tool. As in the Keywords and such. So say you want to click on the keyword "custom cakes" All the blog entries linked with those keywords show up, but at the top. Can there be some scrolling action so you are not left with a blank section. I'm sure there's better ways to go about this, but I'm working with what I know. When you click on the links contained within the blog (in the iFrame part) your links open in this page and don't scroll to the top. As I can't control the automatic code on blogger, I would like -- if there is a way to click on the blogger-based links and have them load at the top of the beginning of the iFrame section. Sorry this is confusing and I'm trying to explain best I can. Any help would be hugely appreciated. 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 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. - Never Mind ppl found out what the problem was. Hey ^^ I got this problem with my Iframes, links when im scrolling downl. So here we got. Got my iframe with a link inside in it. So my link works fine if i dont scroll down on my page, but every time a scroll down (The Scrollbar isn't in the top), the link doesn't, work, i can't push on it or any thing, there is not Windows hand, just a normal pile over the link. It's the same with the text content, i can "Select All" the text if, i haven't touch the scrollbar, but if i scrolling down, i can't "Select All" the text :S Some body there can help me out :'( Iframe Code: <iframe src="test.html" name="ifr" width="600px" height="1000px" scrolling="auto" frameborder="0" allowtransparency="true" onLoad="loadIntoDiv('myDiv', 'myFrame')">
</iframe>
test.html Code: <table width="100%" border="0">
<tr>
<td><a href="test.html#123123" target="ifr">Link </a></td>
<td> </td>
</tr>
</table>
PS: My iframe is in a <div> tag and after that it's in a <table>, so <div><table><td><tr><iframe></frame></tr></td></table></div> Hello there. I am a programmer working on a browser. I have a question... When I load some pages, there is an IFRAME tag. I gather that this means that it contains an imbedded document. How do I load/view this document? 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'm having trouble a site that i'm trying to create. what i want to do is not make a different page for each section of the of my contents.(building a site that displays my art works) and because i have a background image i do not want to have the pages loading and loading. so i went with iframes (target and name). my website is 800X600 and i have my contents spread out. the only problem that i have is that once i try to view a different section, the previous contents are still there. for example if i had rollovers small thumbnail images on the right of my site for my illustrations and i want to view my art works under graphic design, which the roll overs are at the left part of my page, the illustration section is still there. how do i correct this problem? Okay so i have a website and i want music to play on the website, but, if i use <embed> when the user clicks on a link, the music stops. Now i could use <iframe> but i know thats not a good idea. So is there a way to have music play and never stop until the user exits the site? also i dont want to use popups. ________ i make my own sigs |
|||||||