Users are given the option to print the current page on the website by clicking on a menu element:
<li>
<a href="#" onClick="window.print()">
<i class="icon-print"></i>
Print Page
</a>
</li>
The page contains a table with buttons in each row that link to another page.
However, when previewing the page, these links appear explicitly:
The menu (javascript) is also visible...
What steps should be taken to resolve this issue?
This is the content of my print.css file:
.header {
display: none;
}
.page-sidebar {
display: none;
}
.color-panel {
display: none;
}
.hidden-print {
display: none;
}
.footer {
display: none;
}
.no-page-break {
page-break-after: avoid;
}
.page-container {
margin: 0px;
padding: 0px;
}
.page-content {
min-height: auto !important;
}
.breadcrumb {
display: none;
}