Classica Example 3


This example illustrates how Classica can drop over HTML content. This relies on the web browser supporting transparency for Flash, which the majority of modern web browsers now do (see Applet Compatibility). The steps required to do this are quick and straightforward: the Transparent parameter must be set to Yes in your datafile, and the WMODE parameter must be set to the word "transparent" in your HTML code (both for the <object> tag and the <embed> tag).

In your HTML code, enclose the entire block of HTML code that loads the applet in a <div> tag like this:

<div style="position:relative; z-index:1; margin-bottom:-110px;">
...applet code here...
</div>

The only thing that needs to be changed is the setting of -110px. This determines the amount by which all the content below the applet is moved upwards. This will depend upon the height of the applet and the amount of it that should be visible. In this example, the applet is 135 pixels high, so we move everything up by 110 pixels, leaving 25 pixels visible.