HTML - Image Link In Iframe Acting Strange :s
Hi everyone,
Recently i changed my portfolio page, and the new layout I have now has a Iframe in it. But for some strange reason when I press the menu-buttons on the right side I have to press it twice Portfolio Source Code from one of the Iframe pages: HTML Code: <html> <head> <title>Portfolio</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- body { background-color: #000; } --> </style> </head> <body leftmargin="0" topmargin="0"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td width="20"><a href="Contact.html" target="_self"><img src="images/Contact_left.jpg" border="0"/></a></td> <td width="20"><a href="Downloads.html" target="_self"><img src="images/Downloads_left.jpg" border="0"/></a></td> <td width="20"><a href="ICT-Beheer.html" target="_self"><img src="images/ICT-Beheer_left.jpg" border="0"/></a></td> <td width="825" align="center" valign="top" background="images/Webdesign_center.jpg"><br /> <br /> <br /> Welkom,<br /> <br /> Momenteel ben ik bezig met opvullen en indelen van de pagina's op deze site.<br /> Er zijn dus nog geen pagina's te bekijken.<br /> <br /> Kom gauw weer een keer terug zodra de website definitief af is!<br /> <br /> Mvg, Dream3R</td> <td width="20"><a href="Portfolio.html" target="_self"><img src="images/Portfolio_right.jpg" border="0"/></a></td> <td width="20"><a href="About.html" target="_self"><img src="images/About_right.jpg" border="0"/></a></td> <td width="20"><a href="Home.html" target="_self"><img src="images/Home_right.jpg" border="0"/></a></td> </tr> </table> </body> </html> I tried removing the Targets.. but no result, but its the only thing I could think of.. Similar TutorialsHello, I am trying to solve a problem with my site. The banner for links in the top frame is supposed to be framed by two horizontal black lines. It appears the way it should in Safari and FireFox (both mac and PC versions) however in the PC version of IE versions 7 and under (8.0 works fine), the bottom line begins after the last part of the banner ends.....so it sticks way out to the right side of the page rather than dropping down and being flush with the left side of the page. I've tried including it in the table, making it part of its own table and leaving it as an independent image element which is how it is now. Nothing seems to work. Granted, I do not have a ton of experience with website development and was hoping someone here could let me know what I've done wrong and how to fix it. I've included an image of how it should look. The website is poizner.com The html code is below: Thanks! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Alan Poizner Photography </title> <SCRIPT LANGUAGE="JavaScript"> image1 = new Image(); image1.src = "portraits02.gif"; image2 = new Image(); image2.src = "editorial02.gif"; image3 = new Image(); image3.src = "weddings02.gif"; image4 = new Image(); image4.src = "digital02.gif"; image5 = new Image(); image5.src = "etc02.gif"; image6 = new Image(); image6.src = "contact02.gif"; // End --> </script> </HEAD> </head> <body link="white" vlink="white"> <div id=EchoTopic> <img src="topbar.gif"> <br> <table cellspacing="0" cellpadding="0" border="0" align="left"> <tr> <td valign="top"> <img src="alanpoizner.gif"> </td> <td> <img src="spacer.gif" hspace="75"> </td> <td> <a href="portraits2010/index.htm" target="mainFrame" onmouseover="image1.src='portraits02.gif';" onmouseout="image1.src='portraits01.gif';"> <img name="image1" src="portraits01.gif" border=0></a> </td> <td> <img src="divider.gif"> </td> <td> <a href="editorial/index.htm" target="mainFrame" onmouseover="image2.src='editorial02.gif';" onmouseout="image2.src='editorial01.gif';"> <img name="image2" src="editorial01.gif" border=0></a> </td> <td> <img src="divider.gif"> </td> <td> <a href="weddings2010/index.htm" target="mainFrame" onmouseover="image3.src='weddings02.gif';" onmouseout="image3.src='weddings01.gif';"> <img name="image3" src="weddings01.gif" border=0></a> </td> <td> <img src="divider.gif"> </td> <td> <a href="digital/index.htm" target="mainFrame" onmouseover="image4.src='digital02.gif';" onmouseout="image4.src='digital01.gif';"> <img name="image4" src="digital01.gif" border=0></a> </td> <td> <img src="divider.gif"> </td> <td> <a href="etc/index.htm" target="mainFrame" onmouseover="image5.src='etc02.gif';" onmouseout="image5.src='etc01.gif';"> <img name="image5" src="etc01.gif" border=0></a> </td> <td> <img src="divider.gif"> </td> <td> <a href="contact2010/index.htm" target="mainFrame" onmouseover="image6.src='contact02.gif';" onmouseout="image6.src='contact01.gif';"> <img name="image6" src="contact01.gif" border=0></a> </td> </tr> </table> <br> <img src="topbar.gif"> </body> </html> I have an iFrame on my website as the main navigation. You click a text link on the left and the iFrame changes. BUT... when I click on a link on the left, the iFrame refreshes and goes to my homepage when it shouldn't. The pages are already made and the html looks ok. Anybody got ideas why this is happening? Hi all! I need some help with an IFRAME, which content is loaded with some strange borders in Opera and IE6, but not with Firefox. This is what it happens in the 3 browsers: This is the code of the page: Code: <html> <body bgcolor="#96c600"> <iframe style="background-color:#96c600;" scrolling="no" frameborder="0" height="190" width="170" id="meteo" src="http://www.meteodirect.com/vignette/md_vignette.php?params_meteo=terrestre&langue=fr&fond=000000&texte=FFFFFF&saisie_met eo=TENDE"></iframe> </body> </html> A test page to give example is online at: http://testroya.100webspace.net/test.html I already tried to: - Set the width and heigt of IFRAME to match exactly the content size. - Set a green background to IFRAME - Set a green background to the table containing the IFRAME Anyway white borders are always here in Opera and IE6, but not in FF! What should I do to get rid of this awful borders? Thank you very much Hi everybody! I always try to avoid the use of IFRAMEs, but in this case I had to insert the weather forecast coming from another site. This "source" website has an api which allows one to choose the background of the IFRAME, so no problems with the actual background indeed... but on IE 7 I see an ugly white spot if I set the "height" of the IFRAME to something bigger than the actual height of the content. (see attachment) This does represent a problem, since the actual content is variable in size, and thus I wanted to allow for some padding. I googled for the solution, but the only thing I can find is "how to set the background to transparent" which is not what I need. I tryed it anyway, as seen in following code: HTML Code: <iframe scrolling="no" frameborder=0 style="width:200px;height:490px;background-color:#000000;color:#000000;" allowtransparency="true" src="http://www.ilmeteo.it/box/previsioni.php?citta=5155&type=mps1&width=200&ico=1&lang=ita&days=3&font=Arial&fontsize=12&bg=000000&fg=FFFFFF&bgtitle=FF0000&fgtitle=FFFFFF&bgtab=E8F000&fglink=1773C2"> </iframe> The real problem is that I have no control on that white area, not even by setting bgcolor=black or style="background: black;"... Any ideas would be greatly appreciated! Hi, I'm newly registered and seeking some assistance. I'm working on a website for a client and come across an issue. The following is my iFrame code: Code: <div id="iframez"> <iframe src="main.html" width="100%" height="400px" name="framez"></iframe> </div> I have a link that is at the bottom of the page that is supposed to load in the iFrame when clicked upon. The code is as follows: Code: <a href="somelink.html" target="framez">some link</a> What I want is when the link is clicked that it loads in the iframe (this works as intended) AND I want the page to scroll up to the iframe. I tried doing this without success: Code: <a href="somelink.html#iframez" target="framez">some link</a> This is interpreted as #iframez in somelink.html, and not the page its on. Is there any way around this? Thanks for your patience. I have <iframe src="example.html"></iframe> and I have some links in that page. I want to open them in a new tab or in the main windows that has <iframe></iframe>. how can I do that I have my website and inserted an iframe. Code: <iframe src ="link" name="forumframe" id="forumframe"> This works fine but if I click a link INSIDE this it doesnt remain inside the iframe and instead brings up the page as the entire window. Is there a simple solution for this? i have an iframe set up using the code Quote: <iframe href="http://www.maidenerleghweather.com/forecast2.php" target="_self" scrolling="no" src="http://www.wunderground.com/swf/pws_mini_rf_nc.swf?station=IWOKINGH4&freq=2.5&units=metric&lang=EN onClick=" style="zoom: 85%;"></iframe> which is displayed at http://www.maidenerleghweather.com/livedata.html the trouble is when i click on the iframe it links to a weatherunderground weather website, rather than the one i have specified in the code. is it possible to take control of this and use my own link instead? is it possible to use a transparent box over the iframe and then have my link connected to this? hopefully someone can point me in the right direction. i am a beginner with iframes and html so please be patient! I am trying to figure out a way to load the index page with a requested iframe page without clicking the link. Instead of going to site.com/embeddedpage.html i want to essentially go to site.com/#iframeembeddedpage.html is there a way to load an iframe within the index page via a direct url??? hello, I'm trying to open a greybox where the link to it is inside an iframe. My problem is that while it works, it only takes the dimensions of the iframe, and not the parent window... so it doesn't look good. I'm hoping there's some code I can add to the link so that it targets the parent window. here is the link code for my greybox: HTML Code: <a id="video-link" href="../videos/Pallets.html" title="Pallets" rel="gb_page_center[640, 385]"> and here is the link to see what I'm talking about: (there is a "video" link on the left side menu that is located in the parent winodow and there is several "video" links within the iframe once you enter the products) http://www.solstudio.eu/skycore/demo...-Multiparking/ 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! Hi guys! I need to show the content of a html link (<a href>) in an iframe placed into div tags, hiding the content between the divs when I click the link . I do the following : heading.html Code: <a href="http://maps.google.es target="centre">Where are </a> and in the div placed behind of the link , I do the following: index.html Code: <div id="centre"> <iframe src="../html/heading.html" name="centre"> --> <form action="../Fillm" method="post"> ... </form> </iframe> </div> But the page appears me duplicated, one above and the other page behind this one, and when I click the link, the content appears me in the behind page. I would be grateful if somebody could help me, because I am Stuck. Bye Hey everyone, first post here. I have a problem :S Is it possible to use to input fields and a submit button with this code: Code: <form name="input" action="LINK" method="get"> Code: <input type="text" name="codice"> Direzione: <input type="text" name="direzione"> <input type="submit" value="Submit"> </form> I want the user inputed code and the "Direzione" values to be added into a link: http://something.com/random.asp?direction=DIREZIONE&code=CODE Then I would like this generated link to be automatically added as the "src" of an iframe on the same page once the user presses submit....is this possible? What sort of syntax do I need to use in the form/input/submit fields? How do I get it to work? Here is the basic layout of the page: Code: Direction: [direction input field] Code: [code input field] (SUBMIT BUTTON) // the above values are then added into the link so that the the link becomes: // http://something.com/random.asp?direction=DIREZIONE&code=CODE // the link is then added as the "src" for the iframe underneath <iframe src="link above"></iframe> If all of this is possible then it would be great! p.s. is it possible to make an iframe refresh on itself every 30 seconds? Sorry for all the questions and thanks! I am attempting to put an amazon link on my web site. I have found the position I want but when I minimize the screen the link moves over to the other text. If you want to see exaxtly what I talking about go to: http://www.mullady.com/mortgages.html Here is the exact code I am using the BOLD is the problem area <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>MuLLady.com - Mortgages</title> <meta http-equiv="Content-Language" content="English" /> <meta http-equiv="Content-Type" content="text/html; charset=us-ascii" /> <meta content="MuLLady Financial Solutions" name="description" /> <meta content="mullady, mortgage, finance, credit, real-estate, realestate, asset protection, insurance, credit repair" name="keywords" /> <meta content="index,follow" name="Robots" /> <meta content="sNews 1.5" name="Generator" /> <link media="screen" type="text/css" rel="stylesheet" href="style.css" /> <link title="RSS 2.0" type="application/rss+xml" rel="alternate" href="rss/" /> <style type="text/css" > .post { font-size: 16px; } </style> <style type="text/css"> iframe { position:absolute; top:400px; left:200px; } </style> </head> <body> <div class="content"> <div id="top"> <div id="icons"><a title="Home page" href="index.html"><img alt="Home" src="images/home.gif" /></a> <a title="Contact us" href="contact.html"><img alt="Contact" src="images/contact.gif" /></a> <a title="Sitemap" href="sitemap.html"><img alt="Sitemap" src="images/sitemap.gif" /></a> </div> <h1>MuLLady.com</h1> <h2>Financial Solutions</h2></div><!-- end of the Top part --></div> <div id="lowercontent"> <div id="lower_wrap"> <div id="lower_pic"><a title="Trident Financial 244 information request" href="TF244apply.html"></a> <div id="lower_slogan"> <div class="post"> <iframe src="http://rcm.amazon.com/e/cm?t=mu05-20&o=1&p=8&l=as1&asins=0316044695&fc1=000000&IS2=1<1=_blank&m=amazon&lc1=0000FF&bc1=000000&bg1=FFF FFF&f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="20" marginheight="0" frameborder="0"></iframe> <h4 class="title">Mortgage information </h4> <p>We have access to the premier companies in the mortgage industry...and that is saying something.</p> <hr /><img alt="" src="images/mortgagelogos.jpg" /><br /> <hr /> <p>We have thrived in this ever-changing industry, gaining the strength and respect necessary to provide our clients with the best possible mortgage experience. Perhaps it's because we know where our priorities are.</p> <br /> <p>We help make home ownership a reality. We help buyer, borrowers and loan officers build a life they can be proud of. We know what's important.</p> <br /> <p>We have access to the premier lenders in the mortgage industry. Our mission is to provide our clients--both the consumer and our partners--with the best possible financing options available in today's mortgage lending environment.</p> <br /> <p>We were born out of a solid business concept to offer a better way for the mortgage professional to serve the home buyer on a local level, while having the power of a national mortgage bank behind them. By providing our branches with the benefit of a nationwide network, they are able to offer better personal service, more competitive rates, and faster closing times than their competitors. Our concept is to have all of our offices working together to bring the best possible service and products to home owners. We have offices all over the country, each one locally staffed and operated. Our Loan Officers live in your neighborhood. They drive on your streets. They're your neighbors--and, they root for the home team.</p> <br /> <p>Our goal is to provide the home buyer with the most experienced loan experts, the lowest rates possible, unbeatable customer service, and a worry-free experience, whether they are buying a new home, refinancing an existing loan, or getting a home-equity loan. Our system not only benefits our various national branches, it benefits borrowers all over the country. By giving our branches the autonomy to make decisions on the local level, the power to lend within a multi-billion dollar mortgage banking institution, and the technology and tools to do it quickly, efficiently, and accurately, we have given them the opportunity to truly excel in customer service.</p> <br /> <p>We have experienced record growth, and an ever-expanding branch network. We have partnered with many mortgage professionals, and we are continuing to grow. Our partners have the size to command respect in the market place, funding billions of dollars in mortgages each year. This respect is carried to the branches, who, in turn, offer it to our customers</p> <br /> <p>There are few joys more rewarding than helping a friend into a home. Homes build neighborhoods, communities, and friendships. This is the passion and joy behind our Branch Partners. We help individuals and families across the country achieve their dream of home ownership.</p> <br /> <p><a title="Mortgage Information Request" href="244form.html">Click Here To Request Assistance</a></p></div> <div class="post"> </body> </html> Is there a way to make a link within an iFrame to change the page the user is on? e.g. I have a menu, I put the iframe code on all my web pages, someone clicks on a link in the iframe and it changes the web page. Thanks in advance! Hello, I was told it's better to use <object> to nest an html file inside another html file, rather than using iframes. My question is, how do I via a link target the <object> to make it switch html files? hi, I have one question I have one index page <index.html> with iframe it displays: info.html, contact.html, and main.html it default src="main.html" if I creat a link from the other page eg. <hot.html> from <hot.html> I want to make a link just a single click it will go to <index.html> but in the iframe displays <info.html> instead of <main.html> how the codes should be like? Thanks. Hey guys. Man, it's been years since I've been here. Not that much into web design these days.. but as it turns out I was asked to make someone a site.. It went well and I managed to get good bits of code from online as you do, but I have stumbled across a problem.. I have an iFrame with a calendar in it (consisting of html and some javascript) and by clicking certain dates it will change the selection of a drop down menu (full of listed dates) which is located on the main page.. Because it is not simply changing a link and instead a selection on a menu, it required javascript and after a lot of messing around I got it to work.. this was the code: <a href="javascript:void(0)" onclick ="parent.document.getElementById('datechoose').value = '11';" style="display:block;">15</a> this, when attached to a link in the iFrame will select the 11th item on the menu on the main page. It only works online for some reason, but other than that. it works perfect.. Here's the problem. My dreamweaver template has screwed up as it often does.. and it will be waay to difficult to figure out the problem. so I'm scrapping that idea.. So now I have to update the menu options on about 15 different pages every week... OR - I could put this menu on it's own page in a seperate iframe so it only needs updated once.. So essentially, how would I modify this code to link from one iframe to another. I wish it was as simple as 'target' etc. but that won't work. I've looked at similar questions online, but none of the answers seem to work.. thanks in advance Ok well I have an iframe on my site, I don't want to have to make several base pages to load different iframe pages from the address bar. So I would like to do something like, "sitename.net/index.html?specifictexthere" ( or whatever after the .html ) to be able to go to a different link with the iframe on that page. But also if its not one of the right specific texts then, it will just go to the normal iframe link thats set. the title makes it sounds really confusing. Ok im making my first website, and i need help with a code, (as you can see on www.dalekblaster.co.uk) i have got a section at the top where the images change from one to another. The code is - HTML Code: // Set slideShowSpeed (milliseconds) var slideShowSpeed = 5000; // Duration of crossfade (seconds) var crossFadeDuration = 5; // Specify the image files var Pic = new Array(); // to add more images, just continue // the pattern, adding to the array below Pic[0] = 'http://www.dalekblaster.co.uk/images/banner/dalekblasternexttime.jpg' Pic[1] = 'http://www.dalekblaster.co.uk/images/banner/dalekblaster2.jpg' Pic[2] = 'http://www.dalekblaster.co.uk/images/banner/dalekblastersjanexttime.jpg' Pic[3] = 'http://www.dalekblaster.co.uk/images/banner/dalekblaster.jpg' // do not edit anything below this line var t; var j = 0; var p = Pic.length; var preLoad = new Array(); for (i = 0; i < p; i++) { preLoad[i] = new Image(); preLoad[i].src = Pic[i]; } function runSlideShow() { if (document.all) { document.images.SlideShow.style.filter="blendTrans(duration=2)"; document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"; document.images.SlideShow.filters.blendTrans.Apply(); } document.images.SlideShow.src = preLoad[j].src; if (document.all) { document.images.SlideShow.filters.blendTrans.Play(); } j = j + 1; if (j > (p - 1)) j = 0; t = setTimeout('runSlideShow()', slideShowSpeed); Now i need help because, i want to link each picture on the slideshow to a differnet page or external site, but im not sure how. (but so they can go to different pages not the same one) can anyone help me? |