Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.
COURSE of the MONTH
12 days, 15 hours left to enrollBecome a Premium Member and unlock a new, free course in leading technologies each month.
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
WordPress is a very popular option for running your web site and can be used to get your content online quickly for the world to see. This guide will walk you through installing the WordPress server software and the initial setup process.
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
There’s a good reason for why it’s called a homepage – it closely resembles that of a physical house and the only real difference is that it’s online. Your website’s homepage is where people come to visit you. It’s the family room of your website wh…
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:
The viewer will learn how to count occurrences of each item in an array.
Suggested Courses
Course of the Month12 days, 15 hours left to enroll
777 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.