Creating a print page

[texas1992]

I am trying to create a print page using CSS but nothing seems to be working.

Here is my code below:

HTML

 <link rel="stylesheet" href="Floorplan_Print.css" type="text/css" media="print" />
</head>

<form name="formFloorPlan" method="POST">

    <tr class="printmenu"> 
      <td align="left" colspan="2" class="tableheader"> 
        <table border="1" width="1000" cellspacing="0" cellpadding="5" bordercolor="#333333">
          <tr> 
            <!-- ========== -->
            <!-- MENU ITEMS -->
            <!-- ========== -->
            <td onmouseover = "this.className='toolbaron';" onmouseout = "this.className='toolbaroff';" nowrap class="toolbaroff" onclick="onNewLayout();">New Layout</td>
            <td onmouseover = "this.className='toolbaron';" onmouseout = "this.className='toolbaroff';" nowrap class="toolbaroff" onclick="onSubmit();">Save Layout</td>
            <td onmouseover = "this.className='toolbaron';" onmouseout = "this.className='toolbaroff';" nowrap class="toolbaroff" onclick="onSaveAs();">Save Layout AS...</td>              
            <td onmouseover = "this.className='toolbaron';" onmouseout = "this.className='toolbaroff';" nowrap class="toolbaroff" onclick="onCloneFloorObjects();">Clone Layout</td>              
            <td onmouseover = "this.className='toolbaron';" onmouseout = "this.className='toolbaroff';" nowrap class="toolbaroff" onclick="onOpenLayout();">Open Layout</td>
            <td onmouseover = "this.className='toolbaron';" onmouseout = "this.className='toolbaroff';" nowrap class="toolbaroff" onclick="onRemoveLayout();">Remove Layout</td>            
            <td onmouseover = "this.className='toolbaron';" onmouseout = "this.className='toolbaroff';" nowrap class="toolbaroff" onclick="onAddEmployee();">Add Employee</td>
            <td onmouseover = "this.className='toolbaron';" onmouseout = "this.className='toolbaroff';" nowrap class="toolbaroff" onclick="onToggleObjectView();">Toggle Employees</td>
            <td onmouseover = "this.className='toolbaron';" onmouseout = "this.className='toolbaroff';" nowrap class="toolbaroff" onclick="onToggleLocationsView();">Toggle Location Codes</td>
            <td onmouseover = "this.className='toolbaron';" onmouseout = "this.className='toolbaroff';" nowrap class="toolbaroff" onclick="window.open('floormgr_Cleaned_Print.asp?FloorID=<%=Request("FloorID")%>&LayoutName=<%=dspLayoutName%>','Print');">Print Layout</td>
            <!--<td onmouseover = "this.className='toolbaron';" onmouseout = "this.className='toolbaroff';" nowrap class="toolbaroff" onclick="window.print();">Print Layout</td>-->
          </tr>
        </table>
      </td>
      <td class="tableheader">&nbsp;</td>
    </tr>

CSS File

.printmenu
{
	display : none;
	visibility : hidden;
}

When I print the page the menu bar still is printed. I want to hid it for printing only.

Thanks.

[texas1992]

Never mind.