HTML - Iframe Forcing New Window Incorrectly
Hi All
I am very new to HTML, and have employed the services of a junior designer to come up with a site for me. It can be seen at www.360ukproperty.co.uk, please excuse some of the pages are not completed yet. When clicking on the menu items, the relevant page loads in the faded out frame. This works on most computers, but for some reason it forces a new window to open up on my PC at home. It wirks fine on my designers's PC, my work PC and my laptop. This problem is on IE6, IE7 and Firefox. Very weird! The code for the homepage is pasted below: Hopefully its something simple.....~? <!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>360 UK Properties</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="frame" align="center"> <div id="main"> <iframe style="padding-top:94px; float:left;" src="title.html" name="mainFrame" scrolling="no" id="mainFrame" marginwidth="0" marginheight="0" frameborder="0" width="659" height="506"> </iframe> <div id="menu" align="left"> <p><a href="index.html">Home</a></p> <p><a href="why.html" target="mainFrame">Why 360?</a></p> <p><a href="how.html" target="mainFrame">How it Works</a></p> <p><a href="gallery.html" target="mainFrame">Gallery</a></p> <p><a href="faq.html" target="mainFrame">FAQ</a></p> <p><a href="price.html" target="mainFrame"> Prices</a></p> <p><a href="contact.html" target="mainFrame">Contact</a></p> <div id="bottom"> <p><a href="mailto:gustavbasch@yahoo.co.uk">info@360ukproperty.co.uk</a><br /> phone: +44 7875374689</p> </div> </div> </div> </div> </body> </html> Similar TutorialsI have a website with a submit button that goes to an iframe. I'd like two things to happen when the user clicks the submit button: 1. iframe opens in a new window where the user can fill out an informational form 2. a new page loads in the current window. An example is this site: www.lifeinsurancerates.com When user clicks, a new page opens with a quote form and the current page loads with additional offers. Is this possible? If so, is it difficult? Thanks Hello, I inserted another site on my site through IFrame. I can not change this other site and so a I can not change links in that other site, but I would like to open each link of that site in a new window. So far links open in the same window or if they have target=_blank in new window. How can I force all links to open in new window? Thanks in advance for all of your help. i have a site where there is an iframe. The iframe loads a page from another website which has links on it. when a person clicks on a link, it loads the next page within the iframe which is ok. This next page it load also contains links and when a person clicks one of these things, it then loads a checkout page within the iframe which is not so good at all as this page is secure, but because it exists within the iframe now, it wont show as secure to people viewing it. I would like to know how i can have the links from the next page mentioned load in a new tab or browser window so that the secure checkout page is now on its own and the https and secure padlock show to the user. Any help is greatly appreciate! My page contains several iframes and each contains a form. In IE (but not in FF), when I submit a form, the action page is shown in a new window. How can I make it so the action page is instead loaded inside the iframe? I have a table with three cells in it, one cell at the top and one cell at the bottom with an image in i.e borders. I then put text in the middle cell, enough that it forces the cell to be greater than the height of my screen and then pushes the bottom cell off the bottom of the screen. How do i make the middle cell (with the text in) a fixed size and create a scroll bar for the text that is off the screen thus keeping the bottom border nice and tidy at the bottom of my screen? HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <table width="820" border="0" cellpadding="0" cellspacing="0" height="100"> <!--DWLayoutTable--> <tr> <td width="953" height="45" valign="top"><img src="site/images/slice_03.jpg" width="953" height="45"></td> </tr> <tr> <td height="353" valign="top"> <p>This text needs to stay in the middle of the screen and not push the bottom border off the page</p> <p>This text needs to stay in the middle of the screen and not push the bottom border off the page</p> <p>This text needs to stay in the middle of the screen and not push the bottom border off the page</p> <p>This text needs to stay in the middle of the screen and not push the bottom border off the page</p> <p>This text needs to stay in the middle of the screen and not push the bottom border off the page</p> <p>This text needs to stay in the middle of the screen and not push the bottom border off the page</p> <p>This text needs to stay in the middle of the screen and not push the bottom border off the page</p> <p>This text needs to stay in the middle of the screen and not push the bottom border off the page</p> <p>This text needs to stay in the middle of the screen and not push the bottom border off the page</p> <p>This text needs to stay in the middle of the screen and not push the bottom border off the page</p> </td> </tr> <tr> <td height="44" valign="top"><img src="site/images/slice_20.jpg" width="953" height="43"></td> </tr> </table> </body> </html> pls click on my website (only 80% finished) he http://www.welcometotherash.com the main body is a frame-based environment (except the index page u see first) but i want to force frames so it works properly. if you click on the 'road rash cd' link it brings up the frame page (force frames) but the wrong page is in there - if you use the sidebar and hit 'road rash cd' - thats the page that should be force framed what am i doing wrong? any advice would be gratefully appreciated, thx Generally when you click a link to e. g. JPEG image, it is open in browser window. When you click a link to a ZIP file, it is downloaded. Is there a possibility to force a browser downloading e. g. a JPEG image? Hi, I'm been having some trouble viewing an embedded an SWF file. Nobody in the ActionScript/Flash community seems to have any answers so I thought I'd try here, since it's really an HTML issue anyway. I built an 800x1400 SWF in Flash CS5 and exported the file in an HTML wrapper, automatically generating the appropriate HTML code in an HTML file for upload to the server with the SWF. The problem is, my resolution is currently set to 800x600 and the HTML page won't scroll down so I can't see any of the content below the top 600 pixels of the SWF. Nobody seems to know how to force the page to add a scroll bar that will scroll down far enough for me to view the entire SWF. Any thoughts? Thanks for your help, ~Josh Hi, When I put some text in a <h1> tag it automatically starts a new line after </h1>. Can I stop this from happening as I want text after it as part of the same sentence. Thanks Paul Hello I have an issue where I have two web pages generated from Java servlets in NetBeans 5.5. The first of these pages requires some user input and when the page's form is submitted, this input is sent to the server. The server processes the input to generate a text file which is used by a graphing tool to plot a graph as a 'png' file. This text file and graph are then displayed in the HTML generated for the second page using 'href's in a table. This works perfectly well but if the user wants to alter the graph, they have to go back to page one and change the options and resubmit the form. This is where the problem occurs; in Firefox all is well but in Internet Explorer and Opera, when they resubmit the form, page two displays the original graph rather than the changed one. A hard 'refresh' is required via F5 to force the displaying of the new text file and graph. I have tried various of the HTML: meta http-equiv=\"refresh\" content=\"0\"> alternatives and forcinf reload upon loading the second page but the graph and text file still show original data. Is there a way to force the browser to 'pick up' the new text and graph generated so that the page display is correct? I see this more as an HTML issue rather than a servlets one hence its inclusion in this forum. Thanks Martin O'Shea. Using the following code, if flash is not installed on a computer, while using IE a white box is shown instead of the alternate nested code: HTML Code: <object type="application/x-shockwave-flash" data="Theme/source.swf" width="647" height="61"> <param name="movie" value="source.swf" /> <a href="index.html"><img src="Theme/Banner/Name.gif" /></a><!-- --><a href="index.html"><img src="Theme/Banner/Spacer.gif" /></a><!-- --><a href="http://cart.source-entertainment.net"><img src="Theme/Banner/Logo.gif" /></a> </object> With IE and Flash it displays the flash animation fine, and with Firefox it displays the nested links and images correctly when not using flash, and also displays the flash animation correctly when flash is installs. The only issue is no flash installed on IE. Can anyone explain why this might be happening? Am I missing some IE-specific code? Or is it a problem with my animation? Any help would be appreciated. hey guys I was told to make another thread so u can help me with my problem... my site is opened wrongly in IE and mozilla...so here is css and html in attachments...but i didn't send u pics... The code I am working with is actually inside of a .xls file. However, I am assuming that my problems are HTML-related. Here is a picture of how it is incorrectly displaying in Firefox: Here's a picture of it in IE, which is how I want it to look in Firefox: Does anyone know what the most likely cause of this is? If you would like to see some code I can post it, I just didn't want it to come off as too overwhelming. It's about 70 lines of code for the whole table. A huge thanks to anyone who can help me out with this. I'm having problems with the blocks on the left hand side. They show up fine in Firefox but incorrectly in Internet Explorer. Can someone explain this to me please. The blocks are wider in IE than in FF http://aspekt.blogdns.com/ahs/layout2/test/index4.php Thanks hi guys. I am trying to get rounded edges to appear around my tables when displayed in Firefox. However, while it does display rounded edges, it also displays an angular border, which takes whatever colour the text has. here is the code. Quote: <!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" /> <!-- TemplateBeginEditable name="doctitle" --> <title>Untitled Document</title> <!-- TemplateEndEditable --> <style type="text/css"> <!-- #MainCell { border-top-color: #FFF; border-right-color: #FFF; border-bottom-color: #FFF; border-left-color: #FFF; width: 800px; background-color: #FFF; height: 1000px; } .whitebackground { } #LogoCell { background-color: #006; height: 15px; } #LinksCell { background-color: transparent; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; width: 77%; } #ContentCells { text-align: center; } #BottomLinksCell { } table { -moz-border-radius: 30px; border: #cc2800; } body { background-color: #006; color: #0F0; border: transparent; } .TableBackground { border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } --> </style> <!-- TemplateBeginEditable name="head" --> <!-- TemplateEndEditable --> <link rel="stylesheet" href="../ajxmenu.css" type="text/css" /> <script src="../ajxmenu.js" type="text/javascript"></script> </head> <body> <table width="100%" border="1" align="center" id="MainCell"> <tr> <th scope="row"><table width="100%" border="1" id="LogoCell"> <tr> <th class="whitebackground" scope="row">LogoCell - I'll see if my guy will do something for you or if you can get a mate to, if not I'd go to a professional</th> </tr> </table> <table width="78%" border="1" align="center" id="LinksCell"> <tr> <th scope="row"><div class="AJXCSSMenueDFaTFD"><!-- AJXFILE:../ajxmenu.css --> <div class="ajxmw1"> <div class="ajxmw2"> <ul> <li><a href="#"><b>Home</b></a></li> <li><a class="ajxsub" href="#"><b>Gallery</b></a> <ul> <li class="sfirst slast"><a href="#">Slideshow</a></li> </ul> </li> <li><a class="ajxsub" href="#"><b>Corporate Work</b></a> <ul> <li class="sfirst slast"><a href="#">Testimonials</a></li> </ul> </li> <li><a class="ajxsub" href="#"><b>About Us</b></a> <ul> <li class="sfirst"><a href="#">Qualifications</a></li> <li class="slast"><a href="#">Business Associates</a></li> </ul> </li> <li class="tlast"><a href="#"><b>Contact Us</b></a></li> </ul> </div> </div> <br /> </div> </th> </tr> </table> <!-- TemplateBeginEditable name="ContentRegion" --> <table width="68%" border="1" align="center" id="ContentCells"> <tr> <th width="50%" height="113" scope="row"><p> </p></th> <td width="50%"> </td> </tr> <tr> <th height="135" scope="row"> </th> <td> </td> </tr> </table> <!-- TemplateEndEditable --> <table width="100%" border="1" id="BottomLinksCell"> <tr> <th scope="row">BottomLinksCell</th> </tr> </table> </th> </tr> </table> </body> </html> Can anyone tell me how I can get rid of the angular border, and just be left with the rounded one? Thanks! Just wondering if someone out there is able to quickly spot the horrible quirk in the HTML on this page: www.vergola.co.nz/contact.htm It renders fine in Firefox and Safari, (ie the page content is at the top of the window) but in IE the content appears way down the page with a large white space above it. ( I hate IE so much) The page has been edited by numerous people of varying degrees of knowledge so the whole page is a bit of a mess... Thanks so much! Hello, so basically this summer I took the liberty of making a personal website for myself. I wanted to get to know XHTML and CSS a little bit more over the summer. Getting to my question though, I made a rollover menubar (using photoshop) and everything was going swell until I wanted to get it up and running in my html file. I made a table inserting the non and rollover images and instead of using the massive javascript code block Dreamweaver gave me I decided to use simple "onmouseover/onmouseout" code snippets. When I view it in Firefox it is fully functional but for some reason the rollover images are a little shifted, correct size, but shifted, so there is white space in between the non rollover images. Here's what is looks like: Here is the code for the table/banner (3 rows and 9 columns): Code: -------------------------------------------------------------------------------------------------------- banner_01: large blue block (3 rows merged) left of home banner_02: blue rectangle above home banner_03: vertical blue in between home/blog (3 rows merged) banner_04: blue rectangle above blog banner_05: vertical blue in between blog/misc (3 rows merged) banner_06: blue rectangle above misc banner_07: vertical blue in between misc/contact (3 rows merged) banner_08: blue rectangle above contact banner_09: vertical blue right of contact (3 rows merged) banner_10/banner1_10: home (regular)/home (hover) banner_11/banner1_11: blog (regular)/blog (hover) banner_12/banner1_12: misc (regular)/misc (hover) banner_13/banner1_13: contact (regular)/contact (hover) banner_14: blue rectangle under home banner_15: blue rectangle under blog banner_16: blue rectangle under misc banner_17: blue rectangle under contact -------------------------------------------------------------------------------------------------------- <table align="center" width="925" height="140" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="283" rowspan="3"><img border="0" src="banner_01.gif" width="283" height="140"></td> <td width="134"><img border="0" src="banner_02.gif" width="134" height="16"></td> <td width="23" rowspan="3"><img border="0" src="banner_03.gif" width="23" height="140"></td> <td width="134"><img border="0" src="banner_04.gif" width="134" height="16"></td> <td width="23" rowspan="3"><img border="0" src="banner_05.gif" width="23" height="140"></td> <td width="134"><img border="0" src="banner_06.gif" width="134" height="16"></td> <td width="23" rowspan="3"><img border="0" src="banner_07.gif" width="23" height="140"></td> <td width="134"><img border="0" src="banner_08.gif" width="134" height="16"></td> <td width="37" rowspan="3"><img border="0" src="banner_09.gif" width="37" height="140"></td> </tr> <tr> <td><!---HOME BUTTON---> <a href="home.html"><img border="0" width="134" height="112" src="banner_10.gif" onmouseover="this.src='banner1_10.gif';" onmouseout="this.src='banner_10.gif';"/> </a> </td> <td><!---BLOG BUTTON---> <a href="blog.html"><img border="0" width="134" height="112" src="banner_11.gif" onmouseover="this.src='banner1_11.gif';" onmouseout="this.src='banner_11.gif';"/> </a> </td> <td><!---MISC BUTTON---> <a href="misc.html"><img border="0" width="134" height="112" src="banner_12.gif" onmouseover="this.src='banner1_12.gif';" onmouseout="this.src='banner_12.gif';"/> </a> </td> <td><!---CONTACT BUTTON---> <a href="contact.html"><img border="0" width="134" height="112" src="banner_13.gif" onmouseover="this.src='banner1_13.gif';" onmouseout="this.src='banner_13.gif';"/> </a> </td> </tr> <tr> <td><img border="0" src="banner_14.gif" width="134" height="12"></td> <td><img border="0" src="banner_15.gif" width="134" height="12"></td> <td><img border="0" src="banner_16.gif" width="134" height="12"></td> <td><img border="0" src="banner_17.gif" width="134" height="12"></td> </tr> </table> I hope that the content didn't frazzle anyone, I would just like to fix the display of the menubar as it is fully functional. Thank you very much, JP EDIT: I would also like to make the banner the whole width of the browser but it breaks up the images when I try to do so, just wondering if anyone can figure that out too. Thanks! Hi, I've been working on this page for quite a while: http://www.mymusiclair.com/supporter It displays correctly in Chrome, IE, and FF on my hard drive, but once i upload it it displays wrong in everything except IE. I used FrontPage 2003 to make it... any suggestions? Thanks, Vicky Hi all, I am wondering if anyone know how to have a link, once clicked, open a popup window WHILE also changing the page in the existing window. I know how to code them separately, but I do not know how to combine the two actions. HTML Code: <A HREF="javascript:popUp('popup.html')">link name</A> My site currently uses the above code to open popup windows. Any help would be much appreciated, David Here is the case. I have an HTML page that opens a pop-up. Within the popup I need upon click to open a new window. The code is as it should be according to all references: <a href="some url" target="_blank">text</a> Everything is ok with IE6 and IE7 - a new window is being opened. What happens in Firefox is very strange - tabs are shown and the currently opened popup becomes one of the tabs and the new window opens in a new tab of the pop-up window instead in a new normal window. Did anybody encounter the same problem? Any solutions? |