|
HTML - Iframe Not Open?
I get this error message but it doesn't make sense. The scroller works OK. How can this not be open? What do I need to change?
-------------------------------------------------------------- error message- Line 54 column 181: end tag for element "IFRAME" which is not open. ...ameborder="1" scrolling="no"></iframe>') ---------------------------------------------------------------- <script type="text/javascript"> //specify path to your external page: var iframesrc="external.htm" //You may change most attributes of iframe tag below, such as width and height: document.write('<iframe id="datamain" src="'+iframesrc+'" width="170px" height="200px" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="1" scrolling="no"></iframe>') </script> 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 have a pdf file that is the catalog for my business. Is there a way to make it so that i can create a link that says "view" and if people click on it, then the standard "FILE DOWNLOAD" box does not come up... and it just opens the file in a separate window.... and have a "download" link where if they click that... then it just downloads the file. I know that i am weird... but i think it would be something that not everybody has... and something that would be kinda cool. Thanks in advance.... Mark 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! 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' hey guys I need some help...my site is not opened correctly in mozilla and IE...but in chrome,safari and opera it's find so here is css and help me pls: HTML Code: *{
margin:0px auto;
padding:0px;
}
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFD68F;
text-align:justify;
background:url(../images/bg.JPG) left top repeat;
}
b{
color:#fff;
text-decoration:underline;
}
strong{ color:#FEE9C4;}
h1{
font-size:21px;
font-weight:bold;
color:#fff;
margin:0px;
padding:0px;
}
.clear{
clear:both;
margin:0px;
padding:0px;
}
.conten_area{
width:803px;
margin:0px auto;
padding:0px 0px 0px 200px;
}
.sub_menu{
width:150px;
float:right;
margin:0px;
padding:35px 0px 7px 0px;
font-weight:bold;
}
.sub_menu a{
text-decoration:none;
color:#fff;
}
.sub_menu a:hover{
text-decoration:none;
color:#fff;
}
.sub_menu a.active {
color:#f9be58;
text-decoration:none;
}
.workzone{
width:604px;
float:left;
padding:0px 0px 50px 0px;
margin:0px 0px 0px 0px;
}
.header{
width:237px;
float:left;
margin:0px 0px 0px 0px;
padding:357px 33px 0px 334px;
background-image: url(../images/header_img.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}
.menu_heading{
text-align:right;
margin:0px;
padding:0px 0px 0px 0px;
}
.menu{
width:140px;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
margin:0px;
padding:10px 0px 0px 0px;
}
.menu ul{
margin:0px;
padding:0px;
}
.menu li{
list-style-type:none;
margin:0px;
text-align:right;
padding:5px 20px 0px 0px;
background-image: url(../images/bullet.GIF);
background-repeat: no-repeat;
background-position: right 10px;
}
.menu li a{
text-decoration:none;
color:#fff;
}
.menu li a:hover{
text-decoration:none;
color:#fff;
}
/* content master */
.content{
width:556px;
float:left;
padding:0px 24px 45px 24px;
margin:0px;
background: url(../images/content_bg.jpg) left bottom no-repeat;
}
/* welcome */
.welcome{
width:556px;
float:left;
margin:15px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.welocme_heading{
width:505px;
float:left;
font-size:21px;
font-weight:bold;
color:#7C150A;
margin:0px;
padding:0px 27px 11px 24px;
}
.welcome_top{
width:556px;
height:20px;
float:left;
margin:0px;
padding:0px;
background-image: url(../images/welcome_top.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}
.welcome_content{
width:505px;
margin:0px;
padding:0px 27px 0px 24px;
background-image: url(../images/welcome_bg.jpg);
background-repeat: repeat-y;
background-position: 0px 0px;
text-align:justify;
}
.welcome_bottom{
width:556px;
height:20px;
float:left;
margin:0px;
padding:0px;
background-image: url(../images/welcome_bottom.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}
/* services */
.services{
width:556px;
float:left;
margin:15px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.services_heading{
width:505px;
float:left;
font-size:21px;
font-weight:bold;
color:#000;
margin:0px;
padding:0px 27px 11px 24px;
}
.services_top{
width:556px;
height:20px;
float:left;
margin:0px;
padding:0px;
background-image: url(../images/services_top.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}
.services_content{
width:505px;
margin:0px;
padding:0px 27px 0px 24px;
background-image: url(../images/services_bg.jpg);
background-repeat: repeat-y;
background-position: 0px 0px;
}
/* services category */
.web_design{
width:149px;
float:left;
margin:0px;
padding:0px 12px 0px 0px;
border-right:1px dotted #FEE9C4;
}
.web_design_heading{
width:113px;
float:left;
font-size:11px;
font-weight:bold;
margin:0px;
padding:6px 0px 9px 36px;
background-image: url(../images/img.jpg);
background-repeat: no-repeat;
background-position: left 0px;
}
.web_design_content{
width:149px;
float:left;
margin:0px;
padding:5px 0px 0px 0px;
}
/* logo category */
.logo_design{
width:149px;
float:left;
margin:0px;
padding:0px 12px 0px 16px;
border-right:1px dotted #FEE9C4;
}
.logo_design_heading{
width:113px;
float:left;
font-size:11px;
font-weight:bold;
margin:0px;
padding:6px 0px 9px 36px;
background-image: url(../images/img2.jpg);
background-repeat: no-repeat;
background-position: left 0px;
}
.logo_design_content{
width:149px;
float:left;
margin:0px;
padding:5px 0px 0px 0px;
}
/* icon category */
.icon_design{
width:149px;
float:left;
margin:0px;
padding:0px 0px 0px 16px;
}
.icon_design_heading{
width:113px;
float:left;
font-size:11px;
font-weight:bold;
margin:0px;
padding:6px 0px 9px 36px;
background-image: url(../images/img3.jpg);
background-repeat: no-repeat;
background-position: left 0px;
}
.icon_design_content{
width:149px;
float:left;
margin:0px;
padding:5px 0px 0px 0px;
}
.services_bottom{
width:556px;
height:20px;
float:left;
margin:0px;
padding:0px;
background-image: url(../images/services_bottom.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}
/* our client */
.our_client{
width:556px;
float:left;
margin:15px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.our_client_heading{
width:505px;
float:left;
margin:0px;
font-size:21px;
font-weight:bold;
color:#7B3903;
padding:0px 27px 11px 24px;
}
.our_client_top{
width:556px;
height:20px;
float:left;
margin:0px;
padding:0px;
background-image: url(../images/client_top.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}
.our_client_content{
width:298px; height:194px;
margin:0px;
padding:25px 234px 49px 24px;
background-image: url(../images/client_content.gif);
background-repeat: repeat-y;
background-position: 0px 0px;
text-align:justify;
}
.our_client_list{
width:270px;
float:left;
margin:0px;
padding:10px 0px 0px 0px;
}
.our_client_list ul{
margin:0px;
padding:0px 0px 0px 15px;
}
.our_client_list li{
list-style-type:disc;
margin:0px;
padding:4px 0px 0px 0px;
}
.our_client_list li a{
text-decoration:underline;
color:#FFEFD2;
}
.our_client_list li a:hover{
text-decoration:none;
color:#FFEFD2;
}
.our_client_bottom{
width:556px;
height:20px;
float:left;
margin:0px;
padding:0px;
background-image: url(../images/client_bottom.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}
/* footer */
.footer{
width:604x;
padding:20px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.footer_menu{
width:604px;
float:left;
text-align:center;
color:#F3E8D2;
text-transform:uppercase;
background:#333;
}
.footer_menu ul {
margin:0px;
padding:0px;
}
.footer_menu li {
display:inline;
list-style-type:none;
margin:0px;
border-right:1px solid #ffe1ad;
padding:0px 5px 0px 5px;
}
.footer_menu li a{
text-decoration:none;
color:#F3E8D2;}
.footer_menu li a:hover{
text-decoration:none;
color:#F3E8D2;}
/* link */
a {
color:#ffffff;
text-decoration:underline;
}
a:hover {
text-decoration:none;
}
p a{
text-decoration:none;
color:#fff;
float:right;}
p a:hover{
text-decoration:none;
color:#fff;
float:right}
/* Inside Style Start Here */
.insidebanner {
height:332px;
background:url(../images/insidebanner.jpg) left top no-repeat;
}
h5 {
font:15px Myriad Pro, Arial, Helvetica, sans-serif;
color:#ffffff;
font-weight:100;
padding:0px 0px 5px 0px;
border-bottom:1px dotted #ffffff;
margin:0px 0px 10px 0px;
}
h6 {
font:17px Myriad Pro, Arial, Helvetica, sans-serif;
color:#ffffff;
font-weight:100;
padding:0px 0px 5px 0px;
margin:0px 0px 10px 0px;
}
.ourvalue {
margin:10px 0px 0px 0px;
}
.aboutus-img {
float:right;
border:4px solid #b0a48b;
margin:0px 0px 10px 20px;
}
.aboutcolumnzone {
padding:20px 0px 16px 0px;
}
.aboutcolumn1 {
width:48%;
float:left;
margin:0px 0px 10px 0px;
}
.aboutcolumn2 {
width:48%;
float:right;
margin:0px 0px 10px 0px;
}
.abouticon {
float:left;
margin:0px 20px 0px 0px;
}
.servicecolumnzone {
padding:20px 0px 16px 0px;
}
.servicecolumn1 {
width:48%;
float:left;
margin:0px 0px 10px 0px;
}
.servicecolumn2 {
width:48%;
float:right;
margin:0px 0px 10px 0px;
}
.our-comment {
margin:10px 0px 0px 0px;
}
.blog-posted-row {
padding:3px;
}
.ourprojectrow {
margin-bottom:20px;
border-bottom:1px dotted #000000;
padding-bottom:10px;
}
.project-img {
float:right;
margin-left:20px;
border: 6px solid #b0a48b;
}
input.button {
color:#ffffff;
background:#414141;
font:bold 11px Arial, Helvetica, sans-serif;
text-decoration:none;
padding:10px 10px;
margin:0px 5px 5px 0;
border:1px solid #000000;
}
input.button:hover {
cursor:pointer;
color:#cccccc;
}
.insidereadmore {
padding:10px 0px 10px 0px;
}
/* Inside Style End Here */
Hello everyone, I've been stuck on this for a good few hours trying to figure it out. At which i have to come to a conclusion that it's a User Browser preference. I was using the target="_blank", and it just keeps opening in a new tab. Anyone have a simple quick solution to make sure it opens in a new window? I have a site that opens a new window to this link: http://www.myvira.com/part_reg/part_...this_event=154 If you click the "Pay Fee" button link, I want it to open the payment window in a new one but it either keeps it in the current window or back to the main window that this all started from (http://www.myvira.com and then click on the "Register for Race" item). Any help would be much appreciated!!! Hi All, Is there any posibility to open a window with some default html code. Example : In a page dropdown changes i will launch a new window using window.open() as soon as the window opens i want to display default content to the user until the the browser get the response from the server. Thanks in Advance. Hey guys. One of my pages is full of hundreads of pictures. When you click them in makes them bigger, but it makes them bigger on the same page. Does anyone have anything that can make any link that is clicked on that page open in a new window. Heres the site. www.jimandanne.net/pictures.htm help would be great, Thanks hay, i will give eample to be easier i have parameter $total=200; i want when click on button to process i need the url take these value www.aaa.com/amount=200 i tru but like these in the url www.aaa.com/amiunt=$total but its open url www.aaa.com/amiunt=$total not www.aaa.com/amiunt=200 Hope any one help me even if i make it in HTMl page or PHP Thanks Hello! I'm new in this forum and this is my first post so if I'm doing something wrong please forgive me. Question: In TXT file I have HTML code and I want open that TXT file in frame as an HTML file. Is it possible and if it is then mybe someone can show me an example? P.S. Sorry if it is stupid question I'm new with HTML coding and also sorry for my not perfect English grammar. Hi, can any one show me how to change this HTML to make the link open in a new window? I am new to HTML and cant see which part selects how it opens. HTML Code: <!--- begin Howdens.com dropdown ---><form action=" " method=" GET " id=form3 name=form3><table border=" 0" cellpadding=" 1 " cellspacing=" 0 " width=244><tr><td bgcolor="#ffffff" align=" center " ><a href=" http://www.Howdens.com "> <img src=" http://www.howdens.com/i/link2us/small-howdens-stack.jpg " width=244 height=76 border=0 alt="link to Howdens.com"></a><br clear=all><SELECT NAME="URL " SIZE=1 onChange="window.open(this.options[this.selectedIndex].value,'_top')"><OPTION selected="choose one " >choose one<br><option value="http://www.Howdens.com ">Howdens.com</option><option value="http://www.howdens.com/kitchens/">Kitchens </option><option value="http://www.howdens.com/appliances/">Appliances</option><option value="http://www.howdens.com/joinery/">Joinery</option><option value="http://www.howdens.com/bathroom-cabinets/">Bathroom Cabinets</option></select></td></tr></table></form><!--- end Howdens.com dropdown ---> Thanks for any help. Hallo, I am very much a beginner with HTML and need some help. I have a very big photo gallery. What I want to do is make a link on an HTML page that will open up the folder so that you can browse through the photos. Thanks in advance. Is there a way to have a div that is a page? Like a iframe does but instead of a iframe, and div? Thanks hi every body i want to get a code which open new page in new window like some ads sites when the webpage load . like onload tag . but all of the scripts use popup and activex control for IE doesnt allow to open automaticly . how i can find a way to load a newpage automaticly without this warning . How to display the image file which filename is "img%20a1.jpg"? This happen especially for the upload image function. Can anyone help me? Thank you. Code: <img src="img%20a1.jpg"> I am working on the HTML help files for some software at work, and I need the weblinks (such as links to our homepage) to open in a new tab in all browsers that support tabs. It does this in IE8, and all FFX, but in IE7, it opens a new window instead. My code is essentially: <a href="link" target="_blank">blah</a>, which should work, and yes, IE7 I am testing in is set to open pop-ups in new tabs. It is the only browser I have tested that does not do this. I even tried replacing _blank with _new, but it did not work. I am using HTML 4.0 Transitional Doctype. Any help would be much appreciated. |
|||||||