|Home | Web Design Tutorials | Free Graphics | Custom Graphics | Newsletter | Products | Specials | SEO | Sound Effects | Benefits | Login | View Cart|
How to Create an Inline FrameInline frames are a way to create a 'window' in your web page that is capable of displaying separate documents inside that window without reloading the entire page. It's similar to having a framed site without the complications of building framesets, and without the disadvantages framed sites have with search engines.
To the right is a simple iframe. Click the sample links below to load new files into the iframe window so you can see how it works and view additional tips.
How It's DoneHere's the code for a basic iframe:
<iframe src="YourFile.txt" style="float: right; width: 260px; height: 130px; margin-left: 12px; border: 1px solid black;" name="#boogiejack"> Alternative Content </iframe>
<a href="newpage.txt" target="#boogiejack">New Page</a>As with the iframe name, here you must also use the hash mark before the target name.
Unfortunately, not all browsers support the iframe, but over 90% do. For those browsers that don't, it's important to put alternate content in place before closing the iframe tag.
If you coded:
<iframe ...blah blah blah> <a href="AlternativeContent.html">Your page</a> </iframe>...people using browsers that don't support iframes would see a link to the alternative content you want to present instead of the iframe. You can put a link, multiple links, text, or an image as the alternate content.
There you go, boss, you've been framed!
Almost a NewsletterChanging list hosts. Will post a new subscribe form shortly.
Did you know...The member's site has about 100 standards compliant HTML and CSS tutorials, 31 handy reference charts, reprintable content, web graphics, exclusive fonts, free software, free ebooks and more? All this for less than 9 cents a day! [ Details ]
Home | Web Design Tutorials | Free Graphics | Newsletter | Products | Specials | SEO | Sound Effects | Press Room