View Full Version : iframes confusions !!
joym1987 07-16-2003, 05:18 PM ok i read the iframes thing on lissa's site and i'm still a bit confused...what i want to do is take a thumbnail pics on say the left side of the site then make the iframe next to it. so that when someone clicks the thumbnail it will link to the larger pic on the iframe....if that makes ANY sense at all....can someone help?? thanks alot in advance
MaGiCSuN 07-16-2003, 05:38 PM for example this could work out:
<table width="780" height="350" cellspacing=0 cellpadding=0>
<tr><td valign="top">thumbnails here</td>
<td valign="top"><iframe name="frame" frameborder="0" height="350" width="340"></iframe></td></tr></table>
now in thumbnails here you add the links:
<a href="largerpicurlhere.gif" target="frame"><img src="thumbnail.gif" border=0 height="#px" width="#px"></a>
change #px to the size of the thumbnail
Love,
mirna
joym1987 07-16-2003, 05:52 PM yay it worked!! thanks but another question :) how do i make the iframe to the size of the actual large picture, so there would be no need to scroll?
MaGiCSuN 07-16-2003, 05:58 PM just change height="350" width="340" int he <iframe> code
my suggesting is to look up the largest image you have out there, and make the iframe that size, int hat way all the image fit perfectly :)
Love,
Mirna
joym1987 07-16-2003, 06:18 PM thanks very much!! it helped...i most likely will have more questions but not as we speak, but thanks again :)
MaGiCSuN 07-16-2003, 06:24 PM Your welcome :)
joym1987 07-16-2003, 09:18 PM how would i add body background in my iframe to make it the same as the other background....where would i add it?
joym1987 07-16-2003, 09:34 PM also, for some reason, the thumbnail gets bigger when i view my site.....
joym1987 07-16-2003, 09:37 PM ok i fixed the thumbnail problem, just have the iframe background problem
CryptalClear 07-16-2003, 10:48 PM I don't know if this will help you or not, but in my inline.html file, i simply added this tag:
{background="yourimagebackground.gif"}
into my css coding. Substitute your background file name there and it should tile in and be seamless with your other background. At least, that's how mine worked. I hope this helps :) The page where mine is can be found here:
http://www.angelfire.com/art2/poetstoic/index.html
joym1987 07-16-2003, 11:38 PM hmm because i already have it in my code except it wont show up as my background in my iframe
CryptalClear 07-16-2003, 11:40 PM hmm because i already have it in my code except it wont show up as my background in my iframe
so that tag is in your css coding on both your main page and your iframe page?
joym1987 07-16-2003, 11:49 PM i thnk so...wait i think i got it figured out..thanks!! :)
CryptalClear 07-16-2003, 11:52 PM you're welcome
joym1987 07-17-2003, 04:00 PM i have thumbnails going along the top of my page and right under them on the left side is my iframe that will show the enlarged thumbnail....i want to add more pictures but now make it so that the thumbnails start to line up on the right hand side (next to the iframe) how would i do that?? [hhmmm hope that makes sense]
CryptalClear 07-17-2003, 04:29 PM Is your page arranged in a table? If so, and since you have the thumbnails in the top, perhaps this is the alignment you are looking for?
Thumbnails--------------------
Iframe More Thumbnails
You would put your additional thumbnails in the "More thumbnails" cell, I suppose. When I was starting out with one of my beginning html documents, I had an iframe code, and right below it I put my other code for text and pictures. They simply wrapped around it....I wonder if there is a tag for wrapping? Or if there is, if it works for images? Hmmmmmm, maybe that will help you if your layout is in a table :/
joym1987 07-17-2003, 04:54 PM kk a tad bit confused.....can u take a look at my site? cuz i'm very baffled lol: www.geocities.com/withtheband03/concertp2.html
CryptalClear 07-17-2003, 05:36 PM Ok.....I guess what I'm saying is: Is your page set up in a table? Like, your page looks like your iframe is in a bottom left cell, and your thumbnails are in a top cell that has a colspan of 2. Hmmmm, perhaps your code would be like this:
<table>
<tr colspan=2>thumbnails image codes</tr>
<tr><td>iframe code here</td>
<td>more thumbnails image codes</td></tr>
</table>
That's basically what it looks like....ummmm, I'm just guessing that might be how it is, but as I was browsing through LEIA, I noticed that the only way to get things beside each other was to put them in a table. Forget the wrapping thing....those were just a few ramblings and ideas in my mind :/ So perhaps you need to put this table under your links at the top of your page, customizing the colors and whatnot to your own preference. If you need me to elaborate, just let me know!
CryptalClear 07-17-2003, 05:44 PM From one of the earlier posts, this code was given:
<table width="780" height="350" cellspacing=0 cellpadding=0>
<tr><td valign="top">thumbnails here</td>
<td valign="top"><iframe name="frame" frameborder="0" height="350" width="340"></iframe></td></tr></table>
What I would do is just add another cell like this:
<table width="780" height="350" cellspacing=0 cellpadding=0>
<tr><td valign="top">thumbnails here</td>
<td valign="top"><iframe name="frame" frameborder="0" height="350" width="340"></iframe></td><td>more thumbnails here<td></tr></table>
That would be more helpful if it's the code you used :)
joym1987 07-17-2003, 11:58 PM ok thanks i'll try it out :)
|