www.webdeveloper.com
Results 1 to 2 of 2

Thread: Creating a print page

  1. #1
    Join Date
    Jun 2012
    Posts
    58

    Creating a print page

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

    Here is my code below:

    HTML
    Code:
     <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
    Code:
    .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.

  2. #2
    Join Date
    Jun 2012
    Posts
    58
    Never mind.

Thread Information

Users Browsing this Thread

There are currently 2 users browsing this thread. (0 members and 2 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles