PDA

View Full Version : What iframe code would work with my layout?

Margo
03-03-2005, 11:52 PM
Hello. I made a new layout last week, and I am getting around to coding it. I have used i-frames in previous layouts, but this one I am not sure what code I should use. Here is my layout; I haven't even done the image map yet. It's the bare minimum:

http://quiet-storm.org/dakota_f/doggy.html

I tried an iframe code with absolute positioning, and the iframe is in different spots in different resolutions. It is easy when your layout is on the left, but this one is centered, so it is harder. Can someone please give me a code where it would be consistent in all resolutions?
Red_
03-04-2005, 12:15 AM
Use absolute positioning to position the image, and then use absolute positioning to position the iframe, or put the layout in a table and nest the iframe inside the table.
pb&j
03-04-2005, 01:39 AM
i agree.
use position to place everything in the right spot.
"position" and the center tag do not mix well, thus your current problem. you have to choose to use one or the other.
Margo
03-04-2005, 11:23 PM
Hmmm...I tried absolute positioning, and it is centered in 800 by 600. Then when I put it back to 1024 by 768 there is tons of space on the right. Is there any way I can get it to be centered in both? I don't really want my image way over on the left just so there won't be a horizontal scrollbar in 800 by 600.

<body background="pinkbg.jpg" bgcolor="#F59FC2">
<br>


<div style="position:absolute;top:40;left:20;width:0;height:0;">
<IMG SRC="done.jpg">
</div>

Edit: I don't know why there is a space after 0; above; it is not like that in my coding and I can't get it to edit on here...
Red_
03-05-2005, 07:15 AM
Add px after your number values (ie left:20px;). There's gonna be more space in the larger size because of it being absolute positioned. If you definately want the whole thing centered, try suggestion #2. Put the image and iframe in a table and center the table.
Margo
03-05-2005, 04:08 PM
Argh...I'm sorry, but I need more help. :( I have never used tables before. I am still having the same problem as before even trying to put my layout in a table.


<body background="pinkbg.jpg" bgcolor="#F59FC2">
<center>
<br>
<br>
<table><table border="0" cellpadding="0" cellspacing="0" width="754">
<IMG SRC="done.jpg">

<tr>
<td>

<div style="position:absolute;top:80;left:539;width:0;height:0 ;">


<iframe src="doggy.html" frameborder="0" name="content" width="332" height="326"></iframe>
</div>


</table>

There is a couple spaces above again...don't know why...oh well. I will add all the px's once it actually works. :rolleyes:

http://quiet-storm.org/dakota_f/blue.html
canaille
03-05-2005, 08:56 PM
You could try using an image slicer to put everything in tables for you and thus giving you a place for the iframe. It's what I generally use (am trying something different this time). PSP 7.0 and newer has an image slicer.

THere maybe some online image slicers you can use. If you can't find any, then maybe you can find someone to do it for you.

But that's just my solution to something that drives one crazy. hehe.
canaille
03-05-2005, 09:24 PM
Image Slicing will also allow you to do your image maping at the same time (the link buttons).
Red_
03-06-2005, 12:13 AM
Try this:

<center>
<table style="background: url(http://quiet-storm.org/dakota_f/done.jpg);width:754px;height:415;"><tr><td style="width:754px;height:27px;"></td></tr><tr><td style="height:343px;width:473px;"></td><td style="height:343px;width:300px;" valign="top" align="left"><iframe src="doggy.html" frameborder="0px" name="content" style="width:339px;height:330px;"></iframe></td><td style="height:330px;width:7px;"></td></tr><tr><td style="height:40px;"></td></tr></table>
</center>
Margo
03-06-2005, 02:43 AM
Red, thank you so much. That is the closest to what I want that I have seen yet! The only thing...is there any way to get rid of that border around the iframe, the one that is sort of beveled? I tried to modify the code myself, but it is weird because it says "frameborder=0px", so I don't know where the border is coming from. Again, thank you.
Margo
03-06-2005, 10:40 PM
Ah, sorry to double post, but I see that the border is only in Mozilla Firefox...it's not there in IE. So that's not a problem.