Submit Tutorial

spacer
Newsletter

spacer
RSS
spacer
Submit Tutorial

spacer
website promotion banner
Free Stock Images
  • Create A Free Account
  • Download High-Res Stock Images For Free
  • +5 Million Images
Your Ad Here
IFrames
by Lindsay Coome
I - Frames in Macromedia Dreamweaver MX
by Ades Tynyshov
Can I Optimize A Site Designed With Frames?
by mr seo
Using Frames
by Joseph Skidmore
read more
Free Web Designs
A collection of free web templates. Premium quality web designs, easy to browse.
HTML tutorials
A collection of HTML templates.
Html lessons and tutorials in web page design.
You, too, can design your own website with over 45 interactive HTML tutorials. Also try your hand at JavaScript or check out a search engine submission service.
2 Create a Website
Offers free tutorials on website creation, generating traffic and making money online.
UK Hosting Services
Provider of low cost affordable UK web hosting services.
HTML and CSS  Home HTML and CSS Tutorials Transparent IFrames
rss

Transparent IFrames

Author: Lindsay Coome More by this author

Added: Aug 02, 2004 Rating:  Average Rating: 2.84 Votes: 172 Position: 10184 of 14445Average Rating: 2.84 Votes: 172 Position: 10184 of 14445Average Rating: 2.84 Votes: 172 Position: 10184 of 14445Average Rating: 2.84 Votes: 172 Position: 10184 of 14445Average Rating: 2.84 Votes: 172 Position: 10184 of 14445 Level: Beginner Software:  DreamweaverGoLiveFrontPage

If you don't already have a bsic knowledge of IFrames, click here. OK, let's get started! To make the backgrounds on your IFrames transparent, copy the code below.

<div style="position: absolute; top:300; left:400"> <IFRAME src="PAGEURL.htm" name="frame" width="200" height="200" frameborder="0" allowtransparency="true"></iframe></div>

Edit all of the numbers. The width and height determine how big your IFrame will be. The top and left numbers determine where the IFrame will be placed on your site. The larger the number for the top position is, the further down it will go. The larger the left number is, the further right it will go. Keep altering these numbers until you are happy with them. You also must change PAGEURL.htm to the url of your IFrame. Now copy the code below, and paste it into the <head>  tag of the page you are linking to (in other words the page that you replaced PAGEURL.htm with).

<style> <!-- BODY { background-color: transparent; } --> </style>

Transparent iframe example
Transpafent IFrame example


Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

HTML and CSS  More HTML and CSS: Most Popular Materials | Fresh Materials | More HTML Tutorials at Markuptutorials.com
Add comments to "Transparent IFrames"