1 of 2

Write now Article Tools

Page 2 of 2

everybody!

There's not much to an iframes implementation: call the iframe with the opening tag, and then close it. Obviously there are more detailed, advanced properties and options available, but the basics are pretty lean and simple.

CASCADING STYLE SHEETS
"CSS" for short, stylesheets have been around a long time but in the last few years have really began to come into their own as a viable modular technique for controlling how information on a page is displayed, and indeed, to some extent, the structure of the page itself. Without delving into the vast field of CSS capabilities, the next example will focus on what is known as "positioning".

Now, first off, for those not familiar with stylesheets, CSS implementation is a little different than just dropping in some HTML tags, though it technically is just another portion or aspect of it, as CSS is also "built in" to HTML and all browsers have some
ability to parse and display CSS (though unfortunately, not all display it the same way).

Stylesheets may be referenced by HTML either by their inclusion within the bounds of the tags in the of a page itself (inline method), or by including a relative link to a seperate "external" stylesheet file - also in the (but not ) portion of the page. External stylesheets are the suggested format for using CSS, once a webmaster has a solid grip on the basics of stylesheets.

CSS in the document outside of its appropriate area will not be parsed correctly.

For one CSS scrolling webpage example, we'd use a few brief CSS elements in the head of our document to create a simple "fixed" header and footer, which is relative to the browser window itself, rather than to any other text or elements within the page. These "fixed" bars, one at the top and one at the bottom, will stretch across a page, regardless of width, and will remain in that position. When a surfer scrolls the page up or down, the central part of the page itself will react normally, but the header and footer will remain stationary - they are actually hovering "on top of" the rest of the normal page, not really a relative part of it. Fixed elements like these are ideal for keeping a website's title header and footer visible to the reader, while allowing them to navigate the rest of the page normally.

Once you have declared CSS elements, you will need to make use of them in the body of your page's HTML.

Some webmasters may be intimidated by the admittedly larger chunk of HTML (and CSS) than in the previous examples, but there's no need - CSS is a "normal" and powerful aspect of HTML.

I hope this article was clear and helpful - remember, these are just the very basics of just a few options available to the discerning webmaster looking for some ideas on how to implement scrolling webpages.

Learn more about this author, Jason Patterson.
Click here to send this author comments or questions.

• << previous page
• 1
• 2

Add your voice

Know something about How to add scrolling windows to a webpage?
We want to hear your view. Write now!