home *** CD-ROM | disk | FTP | other *** search
/ Internet Magazine 2002 August / INTERNET94.ISO / pc / software / windows / building / webmenu_studio / wmstud01.cab / _2C9BE6CB5B364E18BC696E795BCC99CC < prev    next >
Encoding:
Text File  |  2002-03-14  |  2.8 KB  |  62 lines
  1. <html>
  2. <head>
  3.     <title>COALESYS, Inc.</title>
  4. </head>
  5.  
  6. <body onResize="cswmRefresh()" scroll="auto" link="black" alink="black" vlink="black" bgcolor="#ffffff" leftmargin=10 topmargin=10 marginheight=10 marginwidth=10>
  7.  
  8. <script language="JavaScript" type="text/javascript" src="./includes/loader.js"></script>
  9.  
  10. <!-- Main Nav -->
  11. <table cellspacing=0 cellpadding=0 border=0 width="100%" bgcolor="#dbd7d0" height=18 style="cursor:default">
  12.     <tr>
  13.         <td width=20><img src="./images/clearpixel.gif" width=20></td>
  14.         <td nowrap><img id="FileButton" name="FileButton" src="./images/clearpixel.gif" width=1 height=1><a onmouseover="cswmShow('File', 'FileButton', 'below', 0, 3)" onmouseout="cswmHide()" href="default.asp" style="text-decoration:none">File</a></td>
  15.         <td width=20><img src="./images/clearpixel.gif" width=20></td>
  16.         <td nowrap><img id="EditButton" name="EditButton" src="./images/clearpixel.gif" width=1 height=1><a onmouseover="cswmShow('Edit', 'EditButton', 'below', 0, 3)" onmouseout="cswmHide()" href="default.asp" style="text-decoration:none">Edit</a></td>
  17.         <td width="100%"><img src="./images/clearpixel.gif"></td>
  18.     </tr>
  19. </table>
  20.  
  21. <!-- End Main Nav -->
  22. <br>
  23. <table width="100%" border=0 cellpadding=5 cellspacing=5>
  24.     <tr>
  25.         <td colspan=2>
  26.             <p><b>About the Sample:</b></td>
  27.     </tr>
  28.     <tr>
  29.         <td width=10></td>
  30.         <td>
  31.             <p>
  32.                 This is a copy of the NetMenu sample, but instead of using images as the menu buttons, it uses simple text hyperlinks.
  33.             <p>
  34.                 By placing a transparent 1 x 1 pixel gif directly in front of the text hyperlink, you can have the menu group anchor to the image (relative positioning), but seemingly anchor to the text itself.
  35.             <p>
  36.                 Why not just anchor the groups directly to the text hyperlink?  Because relative positioning will not work on all browsers that way (it works well in IE).  Images are the one sure way to use relatively positioned groups and have cross-browser compatible code.
  37.             <p>
  38.                 Also note the use of the offset parameters in the cswmShow() function call.  This allows you to offset the group by the specified pixel amounts from it's relative position.  In this case, moving the group down a few pixels creates the needed space between the bottom of the text and the beginning of the group.
  39.         </td>
  40.     </tr>
  41.     <tr>
  42.         <td colspan=2>
  43.             <p><b>View the Code:</b></td>
  44.     </tr>
  45.     <tr>
  46.         <td width=10></td>
  47.         <td>
  48.             <p>
  49.                 The code for this sample is available in the product installation directory:
  50.                 <ul>
  51.                     <li><b>netmenu.wms</b> - The WebMenu Studio project file.
  52.                     <li><b>default.htm (this file)</b> - Uses the WebMenu compiled output and discusses the sample.
  53.                     <li><b>./includes/*</b> - The WebMenu output compiled from the studio application.
  54.                     <li><b>./images/*</b> - The images used in this sample.
  55.                 </ul>
  56.         </td>
  57.     </tr>
  58. </table>
  59.  
  60. </body>
  61. </html>
  62.