I've a php page, with a button that able the user to print via window.print function.
I'd need to know how to hide the href attribute of an html tag when printing the page
Example: if the tag is like follow:
<a href='myurl'>HELLO</a>
I want to display just HELLO.
I've to do this only when i use window.print.
I've already set up the css for printing in this way:
@media print {
body * {
visibility:hidden;
}
#section_to_print, #section_to_print * {
visibility:visible;
}
#section_to_print {
position:absolute;
left:0;
top:0;
}
/*
//HERE I NEED A RULE TO HIDE
// ONLY HREF ATTRIBUTE BUT NOT CONTENT OF A TAG
//BUT IN THIS WAY THEY HIDE THE WHOLE TAG OF COURSE
#section_to_print a {
display:none;
}
*/
@page { size: landscape; }
}
And all works correctly, except for the link that was printed with the href part.
Thank you
I've a php page, with a button that able the user to print via window.print function.
I'd need to know how to hide the href attribute of an html tag when printing the page
Example: if the tag is like follow:
<a href='myurl.'>HELLO</a>
I want to display just HELLO.
I've to do this only when i use window.print.
I've already set up the css for printing in this way:
@media print {
body * {
visibility:hidden;
}
#section_to_print, #section_to_print * {
visibility:visible;
}
#section_to_print {
position:absolute;
left:0;
top:0;
}
/*
//HERE I NEED A RULE TO HIDE
// ONLY HREF ATTRIBUTE BUT NOT CONTENT OF A TAG
//BUT IN THIS WAY THEY HIDE THE WHOLE TAG OF COURSE
#section_to_print a {
display:none;
}
*/
@page { size: landscape; }
}
And all works correctly, except for the link that was printed with the href part.
Thank you
Share Improve this question edited May 31, 2018 at 12:12 user2548436 asked Jul 12, 2013 at 10:51 user2548436user2548436 9253 gold badges16 silver badges35 bronze badges 5-
You want to prohibit navigation? Or you don't want to show
hrefattribute in client? – Leri Commented Jul 12, 2013 at 10:53 - @PLB: when printing. – T.J. Crowder Commented Jul 12, 2013 at 10:57
-
1
@ user: It's not normal behavior for browsers to show the link's
hrefwhen printing. Are you sure you're not doing something in the CSS that makes it happen? Something like what this answer describes for instance? If so, then of course the answer is, don't do that. :-) – T.J. Crowder Commented Jul 12, 2013 at 10:59 - Are you using Bootstrap? This has a reset file which adds the href value into the print CSS. – Astrotim Commented Jul 12, 2013 at 11:19
- Yes i'm using bootstrap, it's correct what are you saying – user2548436 Commented Jul 18, 2013 at 8:04
2 Answers
Reset to default 15Thank you, the solution i've found that work form me is similar to your
#section_to_print a[href]:after { display:none; }
In fact, the problem was generated by some css containing a rule like follow:
a:link:after, a:visited:after {content:" (" attr(href) ")";font-size:90%;}
Like suggested at this link:
stackoverflow./questions/4834517/…
However, thank to much :) Regards
why dont you use:
#section_to_print a{
color:black;
text-decoration:none;
}