Main
Home
Contact Staff
Request
Graphics Directory

Site
Updates Archive
Previous Requests
History
FAQ
Terms
Previous Layouts
Staff
Affiliates
Credits
Link Back

Graphics
Avatars
Banners
MS Paint
Posters
Textures
Transparencies
Wallpapers
Miscellaneous

Drifting Designs Tutorials > > Coding > > HTML > > Iframes




IFrames



Frames, in general, allow you to present multiple webpages on one screen at once, and each page can reload separately from the rest. Iframes, specifically, are frames that you can position using absolute positioning and can easily specify the width and height, etc.

The basic code for an iframe is below

<html> <body>
<iframe src="yourpage.html"></iframe>
</body></html>


Replace where it says "yourpage.html" with the URL of the page you want to be presented in the frame.

Use the code below to specify more attributes to your iframe:

<iframe name="yourname" src="yourpage.html" width="#px" height="#px" marginwidth="#" marginheight="#" frameborder="#" overflow: auto;></iframe>

The parts that are bolded are what you can edit. For the last part, where it says "auto", change that to "noscroll", if you want the iframe to start flowing out of its specified margins once the content grows too large for the height and width you gave it. If you want the iframe to use scrollbars to manage the overflow problem, leave as is.

Layouts
Div Layouts
Frames Layouts
Pop-Up Layouts
Table Layouts

Neopets
Shop Signs
Guild Layouts
Full Page Layouts
Miscellanous

Tutorials
Coding
Graphics
Other

Hosted
Hosted by: