|
HTML - How To Do Iframe Insted Of Tables?
hello ,i have webiste
i have index.html file and images folder in the index.html file i want to edit the html like this pictu i mean - i need to delete the tables that i marked and place instead an iframe code can you help me and edit the file for me? becouse i dont know what to delete i attached the index.html and the images folder thx!!! Similar TutorialsI have this script HTML Code: onchange="window.open(this.options[this.selectedIndex].value,'myIFrame')">
<option>Choose a destination for your IFrame!</option>
<option value="http://www.yahoo.com/">YAHOO</option>
<option value="http://www.google.com/">GOOGLE</option>
<option value="http://www.altavista.com/">ALTAVISTA</option>
<option value="http://www.amazon.com/">AMAZON</option>
<option value="http://artlung.com/">ARTLUNG</option>
</select>
</form>
<iframe src="http://joecrawford.com/" name="myIFrame" width="400" height="200">
You can't see this because your browser does not support iframes.
</iframe>
in this script we see Yahoo, Google,amazon etc in the drop down. But i don't want to have a drop down, instead i want users to type as Yahoo, Google etc and i frame opes in in the page. When an user types an invalid key. it should show a separate link, where in i would keep something showing invalid how to do it? Hi gang! I have been going all over the web looking for templates and almost everywhere I go they say that their templates don't use tables?! Is there some standard somewhere that recommends ( or requires ) that we as web masters stop using tables? Or is it with some display issue on mobile devices? Hi Normally, when you have more than one table in your code, the tables will be placed one under each other. Example: <table> ... </table> <table> ... </table> When you want the tables to be placed next to each other, you need to set the align attribute. Example: <table align="left"> ... </table> <table align="left"> ... </table> BUT: When you do it like in the 2nd example (tables next to each other), in Firefox, the tables will wrap to a new line if there is no more space. In Internet Explorer, the tables will not wrap. The result is a horizontal scrollbar or "hidden tables". Why this? How can I make the tables wrap also in Internet Explorer as it does in Firefox? Is it possible with a special CSS definition or with a special DIV/SPAN tag? Thanks for your help praiser 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. 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! Hey everyone, I'm new to these boards. Somewhat a newbie at web design, but I know basics. I'm looking to put 2 tables adjacent to each other inside another table. My problem is I can't get the tables to line up the way I want them to. I'll post a picture of how I want it to look, how it looks now and my code. How I want it to look: How it looks now: I want the tables to line up at the top and re-size according to each other so they're always aligned at the top. Code: coming in next 2 posts 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, 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. I am coding a simple CMS project and I really like this template I found online http://www.quackit.com/html/template...example_5.html however it uses iframes. Aren't iframes out dated? Is there anyway to convert this template to work without iframes? Thanks in advance. 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? hey people i am new here. can you please tell me how i make a iframe with no scroll to a certein position of a page? exp: i want to put a i frame with weather forecast in my page but only the temperature wich is not in the corner of the page. sorry about my english =) edit: i did it with this now i am wondering if i can zoom out a objecto of a page to put it in a smaller iframe. can you guys help me? 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 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 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? Im new to Iframes and I have a simple thing I need to do. I want to put an article from one page and open it up in an Iframe on my home page. So far what I have tried is this.(page name is news.php) <a name="news"> <p> This is the news content </p> </a> Then on the home page I want to take that news article and open it in an Iframe. I dont really know what to do here. This is as far as I got though: <iframe src="news.php/#news"> Only when I do that it shows the whole news.php page, I just want that one article. 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 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? 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. 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 |
|||||||