?

Log in

No account? Create an account
Previous Entry Share Next Entry
iframes
apertures wrote in webdesign

Hello all. I'm new. this is a background that I'm going to be using for my site. I just have a few questions. Any help would be greatly appreciated.

  • How do you position inline frames to an exact spot? (In my case it's the green areas)
  • How do you get rid of the border on an iframe?
  • Is it possible to make the background of the iframe transparent?

Thank you.



  • 1
I'm still oldschool so I'd position them with tables and position gifs (Those little 1x1 transparent gifs you use to position other elements). Eh, this would take a few sentences to explain.

You can take the border off with frameborder="0"

You can make the iframe trans with ALLOWTRANSPARENCY="true"

This is quick and dirty...

Put your iframe in your code before everything else.

And code it like so:
<iframe src="myFrame.html" frameborder="0" style="position:absolute; top:200px; left: 200px; width:200px; height:200px; "></iframe>

Adjust the top and left pixel values until the iframe is in the right place on your page.
Adjust the width and height pixel values until it's in the right size for your layout.

You can't really make an iframe transparent, because it's showing another HTML document in the box...so use photoshop to cut out a chunk of your background that's the same size as your Iframe, in the same place, and apply that background image to each of the HTML docs that appear in your frame.
Like so
<body style="background-image: url(images/myImage.jpg); background-attachment: fixed; background-repeat: no-repeat;">

that is perfect. thank youuu.

Are you sure you can't make them transparent?
I have seen the codes, and they haunt me.
Yesss they haunt me, for I love iframes.

There are some proprietary, evil, non-standard, malfunctioning additions to the standard IFRAME tag supported only by Internet Explorer.

So technically yes, you can sort of make transparent iframes, sort of sometimes.

But it's buggy, non-standard, buggy and buggy. Did I mention it was buggy?

damn the man and his sinister, seductive iframe codes!

  • 1