How to add different graphical borders to a box

Here you have an example of a graphical, resizable box. It will stretch/enlarge as you'll change the window's size, or as you'll change the font's size.

It is all done with CSS and HTML.

The CSS style rules are embedded in the page, at the bottom, take a look to the source.

Important: this technique will work only on Mozilla Firefox ©.

This is just additional content

These lines have been added just to make the page longer, so that it will be scrollable even if maximized at full screen size.







Some further space

Copyright Notice

This page, its HTML structure and its CSS rules are Copyright 2006 © Francesco Simone Carta, All Rights Reserved.

Nonetheless, you can use it for free, without asking for my permission, but you must make clear to the end user that this work has been made by me, by putting my copyright notice and a link to my site.

If you modify it, you can claim it's yours, because all the techniques used are of public domain. Anyway, a link back to my site, or to this page, would be welcome.

Back to CSS Page
Fixed Bar

It is intended to hold the navigation links.

Notice that its height is set by its content.