|
HTML - Why Wont This Iframe Work?
I know a little bit of html, but cant figure this out. Probably something dumb.
I have this iframe code: (not actual site lol) <iframe src="http://domain.com" width="90%" height="4000" frameborder="0" scrolling="no"></iframe> and i have a blank domain with hosting. What i did to make my domain the iframe is : Went to textedit program pasted that iframe saved it as index.html and made sure it was html filetype Then i went to my ftp program booted up my domain went to public_html and posted the index.html file there Then when i go to my domain it jsut shows the iframe code and not what it should show Any help is hugely appreciated! Similar Tutorials<!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=iso-8859-1" /> <title>Untitled Document</title> <link rel = "stylesheet" type = "text/css" href = "stylesheet.css" /> </head> <body> <div id = "container"> <div id = "left"> <ul> <li><a href = "http://www.freewebs.com/jazzclan/about.htm" target="iframe"><img src="http://www.freewebs.com/jazzclan/nav_about.gif"></a></li> <li><a href = "http://www.freewebs.com/jazzclan/freeboard.htm" target="iframe"><img src="http://www.freewebs.com/jazzclan/nav_freeboard.gif"></a></li> <li><a href = "http://www.freewebs.com/jazzclan/main.htm" target="iframe"><img src="http://www.freewebs.com/jazzclan/nav_main.gif"></a></li> <li><a href = "http://www.freewebs.com/jazzclan/member.htm" target="iframe"><img src="http://www.freewebs.com/jazzclan/nav_member.gif"></a></li> <li><a href = "http://www.freewebs.com/jazzclan/replay.htm" target="iframe"><img src="http://www.freewebs.com/jazzclan/nav_replay.gif"></a></li> </ul> </div> <div id = "right"> <div id = "head"> </div> <div id = "main"> <div id = "headleft"></div> <div id = "headright"></div> <div id = "theleft"> Text to go in the left column....Text to go in the left column....Text to go in the left column....Text to go in the left column....Text to go in the left column.... </div> <div id = "theright"> Text to go in the right column....Text to go in the right column....Text to go in the right column....Text to go in the right column....Text to go in the right column....Text to go in the right column....Text to go in the right column....Text to go in the right column.... </div> </div> <iframe id="iframe" src="http://freewebs.com/jazzclan/intro.htm" style="width:545px; margin:0px;" frameborder="0" hspace="0" vspace="0" scrolling="no"></iframe> </div> </div> </body> </html> The links, main, about, freeboard, ect. don't seem to open in the IFrame. Does anyone have any suggestions? I hope I will be able to get some help here with this small problem of mine. I'm trying to get my favicon to appear and I'm having no luck. I have a 32 pixel square favicon.ico file in my root dir, and I entered <link rel="icon" type="image/x-icon" href="http://firstlightphotographs.com/favicon.ico"> in the head tag. That should do it right? It's not working so I must be missing something. I hope someone can help, thanks a lot. Can anyone help me find what I did worong writing this? I cannot not get any output numbers? Its supposed to be a calculator for + - * / HTML Code: <html>
<head>
<title>
COMSC100 Assignment 7 by Jesse Crawford 0887234
</title>
<script>
// copy/paste the following three lines after the script tag in EVERY program
function getInputAsText(_id){return document.getElementById(_id).value}
function getInputAsNumber(_id){return parseFloat(document.getElementById(_id).value)}
function setOutput(_id, _value){document.getElementById(_id).value = _value}
function calculate(code)
{
// declare a variable
var first
var second
var resultAsText
var resultAsNumber
// get variable's value
first = getInputAsNumber("firstBox")
second = getInputAsNumber("secondBox")
// output the value of total
if (code == 0)
{
resultAsNumber = first + second
resultAsText = first + " + " + second + " = " + resultAsNumber
}
if (code == 1)
{
resultAsNumber = first - second
resultAsText = first + " - " + second + " = " + resultAsNumber
}
if (code == 2)
{
resultAsNumber = first * second
resultAsText = first + " * " + second + " = " + resultAsNumber
}
if (code == 3)
{
resultAsNumber = first / second
resultAsText = first + " / " + second + " = " + resultAsNumber
}
// output value
setOutput("resultAsText", result)
}
</script>
</head>
</body>
Instructions:<br>
Type 2 numbers and hit enter.<br>
The total will appear in box below <br>
<br>
Input Values:<br>
First number: <input id="firstBox"><br>
Second number:<input id="secondBox"><br>
<br>
<input type="submit" value="add" onclick="calculate(0)">
<input type="submit" value="subtract" onclick="calculate(1)">
<input type="submit" value="multiply" onclick="calculate(2)">
<input type="submit" value="divide" onclick="calculate(3)"><br>
<br>
Output value: <br>
result: <input id="resultAsText" size="50"><br>
</body>
</html>
This problem is pretty self explanatory, please have a look here. It shows a slideshow that is almost working, but the moment i add the images they just stack up... not hidden, and not animated. I think ive missed out on something. No idea where to pinpoint it.. thank u for looking into this. <fieldset> <legend align="left">Logo</legend> <textarea cols="111" rows="3"><center><img src="images/logo.gif"></center> </textarea> </fieldset> The legend appear ok, but for some reason the initial text contained within the textarea isn't displayed - how do i fix this? hi there, I am using this technique: http://www.smoothdivscroll.com/ im in a fairly complicated situation, if you take a look at my site here you will see a set of 4 images aligned neatly... well, they need to scroll to the left, slowly.. we just need to get the scrolling to work. Later on I can customize the options myself. I think the scrolling is failing to start because a lot of scripts are already loaded.. maybe there is a conflict somewhere? I dont know where to look to be honest.. could someone point me in the right direction? Thanks a bunch My website is http://www.unofficialguildwars.com Only just started it and it works fine in every browser except firefox. Ive checked the html i see no problems with it. Really confused on this one, any help would be great. Hi everyone, I was asked to upload a video to our server... and I added this code to the webpage when I click it, a download does not start... it just says page not found Code: <p align="center"><br>
<font face="Arial"><b><br>
Click the link below to watch the video</b></font></p>
<p align="center"><b><font face="Arial"><a href="..IMG_1953.MOV">MDS</a></font></b></p>
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! Well i am creating a website for a college assignment and i need some help please. I want a div (or anything else that might work) to go in the space shown in the pic. I have tryed aligning a div right but it doesnt go into the gap i want it to, also normal text wont go there eithe. 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'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' please bear with me. i had been out of touch with web design for a while. well, a long while actually. last time i designed a website css wasn't the standards. ================================================== have a look at the site below: http://amarssadal.com/pp/ now above the video, between the video and the frame outlining it you can see a gap. now i cant for the love of god figure out what the hell went wrong there. ny ideas. ny suggestions. what could be wrong? ================================================== also. to manage this website and one other website, i want to give the client the freedom to add and remove and make changes to the content. now as i understand there are CMS to do just that. but how do i apply them. could you help me or guide me to a very layman's tutorial or something on CMS. Thanks. Hi. Can anybody tell me why this isnt validating? Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv = "content-type" content = "text/html; charset = UTF-8" /> <title>.:Welcome to Wollongong Motorcycle Club:.</title> <style type = "text/css" media = "all"> @import"css/global.css"; </style> </head> <body> <div class = "content"> <div class = "banner"> </div> <div class = "body"> <div class = "navBarStandard"> <a href = "index.html">Home</a> <span style = "vertical-align:-8px;">|</span> <b>Calendar</b> <span style = "vertical-align:-8px;">|</span> <a href = "news.html">News</a> <span style = "vertical-align:-8px;">|</span> <a href = "forms.html">Forms</a> <span style = "vertical-align:-8px;">|</span> <a href = "photos.html">Photos</a> <span style = "vertical-align:-8px;">|</span> <a href = "directions.html">Directions</a> <span style = "vertical-align:-8px;">|</span> <a href = "#">For Sale</a> <span style = "vertical-align:-8px;">|</span> <a href = "links.html">Links</a> <span style = "vertical-align:-8px;">|</span> <a href = "#">Coaching</a> <span style = "vertical-align:-8px;">|</span> <a href = "#">Pointscore</a> <span style = "vertical-align:-8px;">|</span> <a href = "#">Interclub</a> </div> <!-- All Content goes after this line --> <br /> <div class = "calendarContent"> <div class = "datesTopCorner"></div> <!-- All Calendar entries are put after this line --> <div class = "entry1">Sun 15/04/07 - Round 2 ClubChamps Mt Kembla - <b>TRACK CLOSED</b></div> <div class = "entry2">Sun 22/04/07 - <i>MX Pointscore round 2</i></div> <div class = "entry1">Sun 29/04/07 - Coaching JT assessment - book on club No.</div> <div class = "entry2">Sun 06/05/07 - Practice day, round 3 ClubChamps Kiama</div> <div class = "entry1">Sun 13/05/07 - Mothers Day</div> <div class = "entry2">Sun 20/05/07 - <i>MX Pointscore round 3</i></div> <div class = "entry1">Sun 27/05/07 - Practice Day</div> <div class = "entry2">Sun 03/06/07 - Working bee</div> <div class = "entry1">Sun 10/06/07 - <i>MX Pointscore round 4</i></div> <div class = "entry2">Mon 11/06/07 - Long weekend / practice day</div> <div class = "entry1">Sun 17/06/07 - Track Hire Heaven Vintage - <b>TRACK CLOSED</b></div> <div class = "entry2">Sun 01/07/07 - Round 3 ClubChamps Mt Kembla - <b>TRACK CLOSED</b></div> <div class = "entry1">Sun 08/07/07 - <i>MX Pointscore round 5</i></div> <div class = "entry2">Sun 15/07/07 - Practice day</div> <div class = "entry1">Sun 29/07/07 - Practice day</div> <div class = "entry2">Sun 05/08/07 - <i>MX Pointscore round 6</i>, round 5 ClubChamps Kiama</div> <div class = "entry1">Sun 12/08/07 - Practice day</div> <div class = "entry2">Sun 26/08/07 - Practice day</div> <div class = "entry1">Sun 02/09/07 - Fathers Day</div> <div class = "entry2">Sun 09/09/07 - <i>MX Pointscore round 7</i></div> <div class = "entry1">Sun 16/09/07 - Trials Presentation Day Mt Kembla - <b>TRACK CLOSED</b></div> <div class = "entry2">Sun 23/09/07 - Practice day</div> <div class = "entry1">Mon 01/10/07 - Long weekend / practice day</div> <div class = "entry2">Sun 07/10/07 - <i>MX Pointscore round 8</i></div> <div class = "entry1">Sun 14/10/07 - Aust GP Philip Island</div> <div class = "entry2">Sun 21/10/07 - Practice day</div> <div class = "entry1">Sun 04/11/07 - Rain day for MX</div> <div class = "entry2">Sun 11/11/07 - Practice day</div> <div class = "entry1">Sun 18/11/07 - Xmas party / Presentation day</div> <div class = "entry2">Sun 02/12/07 - Practice day</div> <div class = "entry1">Sun 16/12/07 - Practice day</div> <!-- No more calendar entries can be put after this line --> <div class = "datesBottomCorner"></div> </div> <br /> </div> <div class = "bottomCorners"> <div class = "BottomCornerBox"> <span> <br /><br /> © Wollongong Motorcycle Club Ltd<br /> Ph: (02) 42 671 931<br /> P.O. Box 401, Figtree NSW 2525 </span> </div> </div> </body> </html> As you can see, im using XHTML 1.0 transitional, but aparrantly it isnt valid The following is the validation error I got from w3: ------------------------------------------------------------------------------------------- Error Line 107 column 6: end tag for "div" omitted, but OMITTAG NO was specified. </body>You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">". Info Line 14 column 0: start tag was here. <div class = "content"> ------------------------------------------------------------------------------------------- It sounds like i've done something really stupid and simple, like misplacing a div tag or something Thanks for reading this (and hopefully helping me). If you want me to post my CSS or attach a copy of my website, just say so Thanks again, Chris Here's my code: Code: <div align="center" style="background-color:#4D4D4D;width:1000px;height:30px;border:1px solid #00137F;filter:progid:DXImageTransform. Microsoft.Glow(color=#00137F)"> I can't get the DIV to change size. I know I haven't put 'Width="" height="" ' but that doesn't work. It's strange because usually I would've thought that would work. After some tricking and trying ive managed to integrate this "current_page" technique ive learned here from some very talented users. I think ive misplaced maybe one or two symbols.. because in the code everything SEEMs to look ok, but still the images fail to show up. If you care to relieve me from this frustration: have a look here, thanks a bunch the PINK squares are where the images are supposed to be! hi all, i have a holding page for my website and in Dreamweaver it look fine and works fine but when uploaded it doesnt work. here is my site and also my code... www.basicproduction.co.uk code... HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords"
content="Basicproduction, Basic, Production, Video, VJ, Liam Carlin, 6071842, motion Graphics, Music, house"/>
<meta name="description"
content="Basicproduction Provides Live video performance, video production and motion Graphic Services"/>
<title>Basicproduction Site coming soon!!!</title>
<style type="text/css">
<!--body {margin: 0px;}-->
</style>
<body style="margin:0;background:#000;">
</head>
<body>
<div align="center"><a href="Image/BP_Holding_page.jpg" target="_blank"><img src="Image/BP_Holding_page.jpg" alt="" width="720" height="600" border="0"/></a></div>
<div align="center"><a href='mailto:info@basicproduction.co.uk?subject'><img src="Image/Contact.gif" alt="" width="192" height="28" border="0" /></a></div>
</body>
</html>
any ideas why? Thanks Guys Basic |
|||||||