francky's

liquid corners playgarden

 

some illustrations of the method
"liquid round corners"
with an adapted stylesheet

8. The Painting Around



 

Completely painted borders

By giving the "inside"-class a background-image, we construct an image that looks like one fixed figure. But with the liquid borders method we have an adaptable design for every parchment-box we want on the page: fitting to each resolution; and with more download speed as well.

Liquid - the 3 here used images together:  4,1 kB.
Solid  - if 1 image of the size of this box: 14,7 kB.
 

variants:

double lines   parchment



 
 * NO: tables * NO: javascript * NO: serverside script * 
 HOW DONE? 3 images; 1 css-file; some lines html 
 CSS IS THE MAGIC ! 
       high hat



< back to: 7. The Simple Stars  |  next: to article >


liquid corners playgarden: index


smiley smiles

Valid HTML 4.01 Transitional

Valid CSS