Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.
Solved
@media in JSP page
Posted on 2006-07-08
I’m trying to use CSS to apply printer-friendly feature for different pages in my web sit but the problem is when I apply that CSS by using @media or <link element and media=”print” attribute; it seems like that changes are applying directly to my web page not only on printer-friendly page for example if I put this line
<div align="right" ><a href="javascript:Clickhere
in my jsp page the line will never appear in my page itself :(
Notice: I have this id in CSS
#TopLayer
{
display:none;
}
Any help please?
<div align="right" ><a href="javascript:Clickhere
in my jsp page the line will never appear in my page itself :(
Notice: I have this id in CSS
#TopLayer
{
display:none;
}
Any help please?
[X]
Welcome to Experts Exchange
Add your voice to the tech community where 5M+ people just like you are talking about what matters.
- Help others & share knowledge
- Earn cash & points
- Learn & ask questions
-
3
-
2
9 Comments
Meritor -- If you specify a medium for a section of CSS, those styles will only apply to the specified medium... So the css within a "printer" section does not apply to the browser version
Are you sure there are no other non-print css tags that are causing the link to be hidden? If you include the entire source I can help debug.
There are 4 ways to specify the media...
1) For inline styles
<style type="text/css" media="print">
#toplayer {
...
}
</style>
2) With an external css file
<link type="text/css" rel="stylesheet" href="style.css" media="print" />
3) With an external css file (my preference over #2)
<style type="text/css" media="print">
@import 'style.css';
</style>
4) within a non-media-specific style set, that has a section for printable attributes
<style type="text/css">
#toplayer {
/*common attributes*/
}
@media print {
#toplayer {
display:none;
}
}
</style>
Hope this helps!
Are you sure there are no other non-print css tags that are causing the link to be hidden? If you include the entire source I can help debug.
There are 4 ways to specify the media...
1) For inline styles
<style type="text/css" media="print">
#toplayer {
...
}
</style>
2) With an external css file
<link type="text/css" rel="stylesheet" href="style.css" media="print" />
3) With an external css file (my preference over #2)
<style type="text/css" media="print">
@import 'style.css';
</style>
4) within a non-media-specific style set, that has a section for printable attributes
<style type="text/css">
#toplayer {
/*common attributes*/
}
@media print {
#toplayer {
display:none;
}
}
</style>
Hope this helps!
It still applies every thinks in print media section over web page still. That happen with all deferent way of specifies the print media.
I worked with WDK component, any advice!!!
I worked with WDK component, any advice!!!
in JSP page there is
<html>
<head><dmf:webform/></head
<body>
<table align='center'>
<div align="right" ><a href="javascript:self.prin
<tr><td align=left class='SHeading'>Print Friendly</td></tr>
</table>
</body>
</html>
And in a separated XML file I point to that CSS and it work fine regardless to print media. FYI:I use component approach.
<html>
<head><dmf:webform/></head
<body>
<table align='center'>
<div align="right" ><a href="javascript:self.prin
<tr><td align=left class='SHeading'>Print Friendly</td></tr>
</table>
</body>
</html>
And in a separated XML file I point to that CSS and it work fine regardless to print media. FYI:I use component approach.
One problem is that you should never put a <div> directly inside a <table>.. You can move it outside the table, or put it inside a <td>
Try this:
<html>
<head><dmf:webform/></head
<body>
<div align="right" ><a href="javascript:self.prin
<table align='center'>
<tr><td align=left class='SHeading'>Print Friendly</td></tr>
</table>
</body>
</html>
Try this:
<html>
<head><dmf:webform/></head
<body>
<div align="right" ><a href="javascript:self.prin
<table align='center'>
<tr><td align=left class='SHeading'>Print Friendly</td></tr>
</table>
</body>
</html>
Featured Post
We value your feedback.
Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
FAQ pages provide a simple way for you to supply and for customers to find answers to the most common questions about your company.
Here are six reasons why your company website should have a FAQ page
Originally, this post was published on Monitis Blog, you can check it
here
.
It goes without saying that technology has transformed society and the very nature of how we live, work, and communicate in ways that would’ve been incomprehensible 5 ye…
- Web Development
- Networking
- Web Development Software
- Monitis
- IT Administration
- *Automation, *DevOps
Viewers will get an overview of the benefits and risks of using Bitcoin to accept payments.
What Bitcoin is:
Legality:
Risks:
Benefits:
Which businesses are best suited?:
Other things you should know:
How to get started:
This video teaches users how to migrate an existing Wordpress website to a new domain.
Suggested Courses
Course of the Month10 days, 10 hours left to enroll
618 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.