Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.
@media in JSP page
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?
Asked:
-
3
-
2
1 Solution
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>
Question has a verified solution.
Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.
Have a better answer? Share it in a comment.
Join & Write a Comment Already a member? Login.
Featured Post
Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.
One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.
Tackle projects and never again get stuck behind a technical roadblock.
Join Now