The first two examples here make use of the following style specifications:
.ovDiv {border: 4px #CCCCCC dashed; background-color: #FFFFCC;}
.bodyText {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: black; font-style: normal;
text-decoration: line-through; text-align: center; padding: 10px 20px 10px; font-size: 11px;}
.captionText {font-family: Arial, Helvetica, sans-serif; color: #FFFFCC; background-color: navy;
font-style: italic; text-align: center; padding: 5px;}
.captionTextA {font-family: Arial, Helvetica, sans-serif; color: #FFFFCC; background-color: navy;
font-style: italic; text-align: right; padding: 5px;}
.closeText {font-family: Arial, Helvetica, sans-serif; background-color: navy; font-style: italic;
text-align: right; font-size: 9px; vertical-align: top; padding: 5px;}
.closeText A {color: #FFFFFF; text-decoration: none; font-weight: bold; font-style: normal;}
This is the first example of an overlib popup which uses the W3C style rules
shown above (works best in Netscape 6.x, Mozilla and IE5.x)
and was called as follows:
<A HREF="javascript:;" ONMOUSEOVER="return overlib('With W3C class specifications',WIDTH,150,STICKY,
CLOSECLICK,CSSW3C,BODYCLASS,'bodyText',CAPTIONCLASS,'captionText',CLOSECLASS,'closeText',
CAPTION,'Caption')" ONMOUSEOUT="nd();">popup</A>:
And this is another example which used the following call parameters:
<A HREF="javascript:;" ONMOUSEOVER="return overlib('Second Example',WIDTH,150,CSSW3C,
BODYCLASS,'bodyText',CAPTIONCLASS,'captionTextA',CAPTION,'Caption Right')"
ONMOUSEOUT="nd();">this</A>
This is a third example, called using the call parameters:
<A HREF="javascript:;" ONMOUSEOVER="return overlib('Third example with no special formatting');"
ONMOUSEOUT="nd();">third</A>
and this is an example of the same popup but shows how you can use CSS styling on the overDiv container to change its look.
 
Each of these examples will provide very workable popups which use the default settings specified in the overlib utility when looked at with Netscape 4.x.