|
HTML - Need Help With Targeting And Iframes
I'm currently attempting to make a mini-gallery in iframes for my website. I have an iframe on a page opening to another page with all my thumbnail images on it. The iframe shows only the first two rows of thumbnails, which is precisely what I want. Under the iframe, I have targeted links that open the same iframe to show the next block of thumbnails.
It all works perfectly in Firefox. Yay! However in Chrome and IE, when I go to the parent page, it opens part-way down the page - at the top of the iframe. It's obviously somehow picking up the targeting - even though there is no targeting on the link to the parent page. If I scroll so that the parent page is properly positioned and then click on the targeted links to move to the next block of thumbnails - the same thing happens. The page jumps so that the iframe is at the top. I can think of two ways to fix this - both involving removing the targeting on the thumbnails page. One would be to have it so that the entire thumbnail page scrolls through the iframe, another is to break the thumbnail page into multiple small pages with only the content I want to show. I would like to avoid doing these things, if at all possible. Is there any way to fix this problem? I've looked on the net and read through all my coding books, but I can't find any reference to targeted links with iframes. I hope that makes sense and that someone can help me. My code: <div align="center"> <iframe src="/girraween/pages/animals/reptiles/snakes/elapid/pseudechis_porphyriacus/pseudechis_porphyriacus_gallery.html#pseudechis_porphyriacus_gallery_1" name="pseudechis_porphyriacus" width="720" height="340" marginwidth="0" marginheight="0" align="middle" scrolling="no" frameborder="0" padding="0"> This is an in-line frame. You can <a href="index.php?section=animals&sub=reptiles&d1=snakes&d2=elapid&d3=pseudechis_porphyriacus&page=gi_ pseudechis_porphyriacus_gallery">view the frame</a> and then click your browser's back arrow to return to this page.</iframe> </div> <br><br> <table width="600" class="ns-girraween-content" align="center" cellpadding="0" cellspacing="0"> <tr> <td> Thumbnails: <a href="/girraween/pages/animals/reptiles/snakes/elapid/pseudechis_porphyriacus/pseudechis_porphyriacus_gallery.html#pseudechis_porphyriacus_gallery_1" target="pseudechis_porphyriacus">1-6</a> | <a href="/girraween/pages/animals/reptiles/snakes/elapid/pseudechis_porphyriacus/pseudechis_porphyriacus_gallery.html#pseudechis_porphyriacus_gallery_2" target="pseudechis_porphyriacus">7-12</a> Click on the thumbnails to go to the larger image. </td> </tr> </table> Similar TutorialsHey guys, I was wondering if someone could help me out. I cant figure out how to make a link target a certain text box on a site. Here's an example of what I mean: http://www.freewebs.com/her-goatness...ch/layout.html Is this even possible in HTML? Thanks. Okay, kinda' seems wrong forum for this, but I couldn't find the correct one. I'm looking to link to my "main" div, from the right hand side. I've used iFrames before, and was wondering is it like that, as in the Div has a name? I'm totally confused, little help if you don't mind. Here's the coding I've got now, if it's any use to you.. HTML Code: <div name="content" style="position: absolute; width: 310px; left: 184px; top: 390px;"> About the site, etc </div> <div name="menu" style="position:absolute; width:100px; left: 500px; top:387px;"> <h1>Owner</h1> About me, links for pages. </div> Hello, I am having a problem with frame targeting in safari. The problem page: http://www.danshamptons.com/insider_guide/summer10/ Click "arts & attractions" on left Click "amagansett" Click "the art barge" (pulls up a dummy listing) Now click "amagansett" again. The page opens in a new browser window, instead of the frame "listingcontent" as it did when it was first clicked. This only is happening with Safari. Can anyone tell me what is happening here, and what a solution might be ? Thanks, Colin I have a table with multiple cells. One cells has a PHP generated list in an iframe. This list is a collection of links from a MySQL database. When I click on any of the links, I'd like to call the results into another cell. For example: In cell A I have my list. When one of the links is clicked, I would like the results to display in cell B. If another link is clicked in cell A, I would like cell B's contents to update. I know this is possible, but I have yet to figure out how. Anyone?? Thanks in advance - sleepydad Hi Forum!! Okay I'm using an image map (well sliced image...I dont know if theres a difference) and I'm trying to get the imape map links to open up in either a table or a frame below. I didnt know if you can target images into a table...thats why I said or. Right now I have a table with a frame inside of it although I don't tihnk my frame code is right and the frame isnt really there. Here is a link to the outline of fanlisting ---I have ALOT of bugs to work out as you will see. www.geocities.com/diesel_girl35/index.html The actual links in my image map is working but Im not sure how to direct them to where I want them to go. And my table is too small... I wanted it to be the width of the image..which I think I can figure out. BTW if anyone has any suggestions on a better way to accomplish what I'm trying to accomplish please advise me =} And here is what my image map code looks like..if it will help. So should I target into a table or frame and how would I go about getting everything to work right? PLEASE AND THANK U <!-- Begin Table --> <TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="856" HEIGHT="447"> <TR> <TD ROWSPAN="1" COLSPAN="6" WIDTH="856" HEIGHT="407"> <IMG NAME="ino_menu30" SRC="ino_menu3_1x1.png" WIDTH="856" HEIGHT="407" BORDER="0"></TD> </TR> <TR> <TD ROWSPAN="1" COLSPAN="1" WIDTH="75" HEIGHT="40"> <A HREF="http://www.geocities.com/diesel_girl35/ino_about.html" target="about"><IMG NAME="ino_menu31" SRC="ino_menu3_2x1.png" WIDTH="75" HEIGHT="40" BORDER="0" ALT="About Its Not Over"></A></TD> <TD ROWSPAN="1" COLSPAN="1" WIDTH="74" HEIGHT="40"> <A HREF="http://www.geocities.com/diesel_girl35/ino_rules.html"><IMG NAME="ino_menu32" SRC="ino_menu3_2x2.gif" WIDTH="74" HEIGHT="40" BORDER="0" ALT="Know The Rules"></A></TD> <TD ROWSPAN="1" COLSPAN="1" WIDTH="86" HEIGHT="40"> <A HREF="http://www.geocities.com/diesel_girl35/ino_codes.html"><IMG NAME="ino_menu33" SRC="ino_menu3_2x3.gif" WIDTH="86" HEIGHT="40" BORDER="0" ALT="Get Sum Codes"></A></TD> <TD ROWSPAN="1" COLSPAN="1" WIDTH="71" HEIGHT="40"> <A HREF="http://www.geocities.com/diesel_girl35/ino_join.html"><IMG NAME="ino_menu34" SRC="ino_menu3_2x4.gif" WIDTH="71" HEIGHT="40" BORDER="0" ALT="Become A Fan"></A></TD> <TD ROWSPAN="1" COLSPAN="1" WIDTH="79" HEIGHT="40"> <A HREF="http://www.geocities.com/diesel_girl35/ino_xtra.html"><IMG NAME="ino_menu35" SRC="ino_menu3_2x5.jpg" WIDTH="79" HEIGHT="40" BORDER="0" ALT="More Stuff"></A></TD> <TD ROWSPAN="1" COLSPAN="1" WIDTH="471" HEIGHT="40"> <IMG NAME="ino_menu36" SRC="ino_menu3_2x6.gif" WIDTH="471" HEIGHT="40" BORDER="0"></TD> </TR> </TABLE> <!-- End Table --> Is there a way to target an anchor in the main .html file from a flash movie inside an iframe? this.links.portfolio.onRelease = function(){ getURL("http://asdf.com/blah/xx.html#portfolio"); } is my current code in my flash movie that is inside an iframe, but that opens the link inside the iframe. Would something like target="_somethinghere" work? Like go up one level? Thanks. p.s.: I had a quick drink of grappa, sorry if this isn't very clear. Hi Folks, Is there a way to target the results of a form on one of my pages to a frame in a frameset. I have a form which produces a search on a site I pay to use. I want the results of this search to be in the bottom of a two row frameset. The top row of the framset will have links back to. The form itself is on my main page and is NOT a part of a frameset. Hope i have been clear. I'm assuming I may have to use javascript or php but not sure. All the best, Libman Hi, I have a webpage which a friend of mine designed a long time ago. I'm not an HTML expert but I know the base things, and the problem is that my site don't use iframes, instead there are tables. I have many pages and the navigation links are on every single page. It's really a pain in the neck to change all pages to modify a navigation link. This is how the HTMl looks: Code: <body> <table width="800" border="0" cellpadding="0" cellspacing="0" class="main" align="center"> <tr><td colspan="2">Head image there</td></tr> <tr><td class="left"> <!--START OF NAVIGATION--> Navigation links are here <!--END OF NAVIGATION--> <td class="content"> <!--START OF CONTENT--> CONTENT HERE <!--END OF CONTENT--> </center></td></tr> <tr><td colspan="2" class="footer"> <!--START OF FOOTER--> This is the footer <!--END OF FOOTER--> </td></tr></table> </body> </html> A pictu Now my question would be that is it possible to put the navigation in a frame but keep the whole site layout the same? I mean, I would like to keep the scrolling the same - Have only 1 scrollbar and when scrolling, scroll the whole page, the navigation and the main content too. Thank you very much for any help! Hi, this is my first post here. I uploaded my webpage http://inferno.comxa.com to the server of 000webhost.com When I tried to view them through various browsers, I found that the height attribute of the iframe tag was not responding in any browser except Chrome (12.0). I used the following browsers for checking: IE 8, Firefox 5.0, Opera 11, Chrome 12.0 This is my code Code: <body> <iframe src = "top-right.html" height = "23%" width = "15%"></iframe> <iframe src = "top.html" height = "23%" width = "83%"></iframe><br> <iframe src = "topics.html" height = "77%" width = "15%"></iframe> <iframe src = "home.html" height = "77%" width = "83%" name = "main"></iframe> </body> This is what I was able to see However when I ran a similar code on the editor of w3schools.com, it came out fine in all browsers. This is what I see in w3schools editor What is happening ? why such anomaly ? Help is appreciated. I also tried to replace the attributes of the iframe tag with CSS, but i found the same thing. Looks fine with Chrome but the height was not being registered with any other browser. This is my exact html code Code: <!doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="default.css" />
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
</head>
<body style="height:100%;background-color:black;" >
<iframe src="" style="height:25%; width:15%;"></iframe>
<iframe src="" style="height:25%; width:83%;"></iframe><br>
<iframe src="" style="height:75%; width:15%;"></iframe>
<iframe src="" style="height:75%; width:83%;" name = "main"></iframe>
</body>
</html>
and this is my stylesheet Code: *{background-color:black;color:white;}
html{background-color:black;color:white;}
h1{font-size:250%;text-align:center;color:yellow;background-color:black;}
h2{font-size:175%;text-align:left;background-color:black;color:white;}
body{background-color:black;color:white;font-size:120%;}
p:first-letter{font-size:150%;color:red;background-color:black;}
a:link{color:blue;background-color:black;}
a:visited{color:blue;background-color:black;}
a:hover{color:yellow;background-color:black;}
a:active{color:white;background-color:black;}
this is what I saw in IE8 http://html.net/forums/download/file.php?id=55 By the way, in IE8 i get a white space in the frames whereas in Firefox/Chrome/Opera , it comes out black. Anything with CSS compatibility? Is there a way to make an iframe load all of a page, and make that its height? I don't want a scroll bar, but I would like it so the user can read the whole page in the frame. Is this possible? Thanks. Here... I don't know how to explain this, but I'm having a problem with IFrames. Check out the link: http://www.freewebs.com/noeylani94/index.htm I want all three of them lined up horizontally Hello! I'm trying to get iFrames to work in my HTML for my Twitch streaming profile. Here is the coding for the HTML. HTML Code:
<html>
<head>
<title>Twitch Info Html</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (Twitch Info Html.psd) -->
<table id="Table_01" width="630" height="724" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">
<img src="http://runaru.webs.com/images/Twitch-Info-Html_01.png" width="630" height="71" alt=""></td>
</tr>
<tr>
<td rowspan="6">
<img src="http://runaru.webs.com/images/Twitch-Info-Html_02.png" width="12" height="653" alt=""></td>
<td>
<img src="http://runaru.webs.com/images/Twitch-Info-Html_03.png" width="605" height="175" alt=""></td>
<td rowspan="6">
<img src="http://runaru.webs.com/images/Twitch-Info-Html_04.png" width="13" height="653" alt=""></td>
</tr>
<tr>
<td>
<img src="http://runaru.webs.com/images/Twitch-Info-Html_05.png" width="605" height="75" alt=""></td>
</tr>
<tr>
<td>
<img src="http://runaru.webs.com/images/Twitch-Info-Html_06.png" width="605" height="165" alt=""></td>
</tr>
<tr>
<td>
<img src="http://runaru.webs.com/images/Twitch-Info-Html_07.png" width="605" height="77" alt=""></td>
</tr>
<tr>
<td>
<img src="http://runaru.webs.com/images/Twitch-Info-Html_08.png" width="605" height="143" alt=""></td>
</tr>
<tr>
<td>
<img src="http://runaru.webs.com/images/Twitch-Info-Html_09.png" width="605" height="18" alt=""></td>
</tr>
</table>
<!-- End Save for Web Slices -->
<!-- --><script type="text/javascript" src="http://static.websimages.com/static/global/js/webs/usersites/escort.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="none";_uff=false;urchinTracker();}</script></body>
</html>
I was wondering if anyone could tell me how I can get text over the boxes, so that the text somewhat overlays the image, and doesn't leave a white box. Okay, well this is the raw website: http://www.shuushuubuttons.com/index2.html I have three iframes there...but when you bring the browser window in and out (using your mouse) the top frame gets eaten up by the bottom ones. Is there any way to 'lock' the top and left frame so it doesn't change size. I put in the 'noresize' tag, but that didn't seem to make any difference. Any help would be appreciated! Take a look at my html, maybe I've done the tags wrong. Thanks! This is a bit complicated but I'll try to explain it as best as I can. I am trying to create a site which will contain information on a fairly large number of topics. In an effort to avoid creating a large number of pages to contain each topic I would like, if possible, to use one page with an iframe and load the topics into the iframe. These topics will come from external pages. The iframe would look similar to this : <iframe id="topic1" style="background-color:#ffffff" height="1000" width="970px" marginwidth="0" marginheight="0" frameborder="0" scrolling="yes" src="http://someothersite.com/externalpage/"></iframe> Since you can't use variables in html the problem, of course, is how to be able to change the src=" " in the iframe in order to be able to change topics (load a different external page). I am looking for suggestions on how this might be done if it is indeed possible. Any help would be very much appreciated. Thanks I used div aligns to put my Iframes where I want them and whenever I maximize the window it doesn't look like how it's supposed to. My friend doesn't have internet explorer, so is there some "universal" code I can use instead? Can anyone help? Thanks. Can iframes be used inside flash applications embeded on webpages so that when a button is clicked on a flash app, it activates an iframe on the actual webpage. Is that possible? Thanks. Good Morning, I am placing an iframe on my site, this is working well but I would like to have the website page represented in the iframe to fill my frame 100% as viewed by the viewer.. Currently I have a horizontal scroll bar on the bottom of my frame.. I would like to not need this but to be able to see the full width of that site in my iframe. Is there a way to achieve this? Thank You David Okay, here's the situation. 1) The client uses a catalog service that he likes and wants to keep, but hates the way their pages look. 2) Their Layouts aren't really customizable so I plop their info into another page using an iframe. This page is hosted on a different server than the content. 3) Annoyingly, iframes don't stretch to fit their contents, so if I set the height to accomdate all possible pages, I'm left with a silly amount of space at the bottom of most pages. I can't add code to the interior pages. I've looked around, but nothing seems to work. Any ideas? Hi, I have a dynamic table which is updated on a form submission. I am trying to update the table without a page refresh so that the form doesn't reset itself back to its default settings thus avoiding the user constantly having to change the fields each time they enter a record. I was thinking of using an iFrame as this looks like a good and relatively easy way to achieve this. Can someone please tell me how I can place a table within an iFrame and refresh just the Iframe contents on the form submission. I hope someone can please help with the code. Thanks Simon Hello, I am creating HTML sites for various accommodations. They all have listings and availability calenders on a directory as is show he http://www.walestouristsonline.co.uk...ity.asp?id=103 I would like to be able to somehow create something along the lines of an iframe that just incorporate just the calendar part of the page (not the entire page) in the site I am making. Anyone any idea how this can be done? Thanks. |
|||||||