Css print style sheet?

How can I define a print style sheet so that I can hide menus and links?
I am also finding when I print that the backgrounds are disappearing on the printout.
terry

Use a print media query...
@media print {
.class {
attribute:value;
attribute:value;
Background printing is a browser setting. Since most people are just interested in information, not graphics, when printing websites, it's turned off by default. It's controlled in the Page Setup when printing from the browser.

Similar Messages

PDF Printing and CSS Media Style Sheets in OS X -- CSS @page ignored

I'd like to author an XHTML document and specify precisely how it should be printed to pdf (margins/headers/footers/page breaks/etc.) using the CSS Media Style Sheet capability, i.e, CSS's @page rule.
Apparently, Microsoft IE7 supports these page rules (http://blogs.msdn.com/ie/archive/2005/06/10/428149.aspx), but these do not yet appear to be supported in OS X's "Print to PDF" function (http://css-discuss.incutio.com/?page=PrintStylesheets).
Is this true? Does anyone know how to access these CSS printing capabilities on a Mac?
Furthermore, does anyone know how to get "Print to PDF" to maintain HTML hyperlinks in the PDF file?
E.g., using OS X+Firefox, the following @page rule is ignored by the "Print to PDF" function on my Mac.
<style type="text/css">

</style>
PowerBook G4 Mac OS X (10.4.5)
PowerBook G4 Mac OS X (10.4.5)

I'd like to author an XHTML document and specify precisely how it should be printed to pdf (margins/headers/footers/page breaks/etc.) using the CSS Media Style Sheet capability, i.e, CSS's @page rule.
Apparently, Microsoft IE7 supports these page rules (http://blogs.msdn.com/ie/archive/2005/06/10/428149.aspx), but these do not yet appear to be supported in OS X's "Print to PDF" function (http://css-discuss.incutio.com/?page=PrintStylesheets).
Is this true? Does anyone know how to access these CSS printing capabilities on a Mac?
Furthermore, does anyone know how to get "Print to PDF" to maintain HTML hyperlinks in the PDF file?
E.g., using OS X+Firefox, the following @page rule is ignored by the "Print to PDF" function on my Mac.
<style type="text/css">

</style>
PowerBook G4 Mac OS X (10.4.5)
PowerBook G4 Mac OS X (10.4.5)

Using a Print Style Sheet to hide columns in a report

Hello there,
I am curious to know whether it is possible to hide certain columns in reports using a print style sheet.
I tried using the 'CSS Class' attribute when editing column formatting but it appears to be completely ignored and simply overwritten with the theme's default CSS Class for a report table cell (t15data in my case).
Any help would be greatly appreciated...
Cheers,
Jordan

Hi Jordan,
Perhaps the simplest thing would be to change your page template (or, more probably, take a copy of the one you are using and edit that instead).
Add id="#COLUMN_HEADER_NAME#" into the TH and TD tags for the Column Heading Template and all of the Column Templates.
Then, in the Region Header of the region containing the report (or anywhere above the region), enter in:
<style type="text/css" media="print">
#ID_OF_COLUMN_TO_HIDE {display:none}
>/style>
I have not tested this to see if it impacts on any other page functionality, but it does do what you need - ie, the column appears on screen but not on a printout.
Regards
Andy

Media Print Style Sheet Question

Hello!
I just added a Media Print style sheet to a website.
Everything seems to
work for the most part fine and the layout is as expected and
functioning as
desired. When I print from Firefox the print size is 12 pt as
my style sheet
specified, however when I print exactly the same page from
Internet Explorer
the print size is tiny - like maybe eight or something. I
thought that the
media print style sheet communicates directly with the
printer while the
screen style sheet communicated with the viewer screen. Am I
mistaken? Why
does the print size change depending upon what browser you
use?
Does anyone have a suggestions on how to get the Internet
Explorer to
recognize the font size command and print in 12 pt instead of
8?
Thank you
Best Regards,
Webdesigner

.oO(Webdesigner)
>I just added a Media Print style sheet to a website.
Everything seems to
>work for the most part fine and the layout is as expected
and functioning as
>desired. When I print from Firefox the print size is 12
pt as my style sheet
>specified, however when I print exactly the same page
from Internet Explorer
>the print size is tiny - like maybe eight or something. I
thought that the
>media print style sheet communicates directly with the
printer while the
>screen style sheet communicated with the viewer screen.
Am I mistaken? Why
>does the print size change depending upon what browser
you use?
The stylesheet itself doesn't communicate with anything. It's
always the
browser that renders the document or sends it to the printer.
Different
browsers behave differently, so there will always be
differences in the
ouput. Some smaller, some bigger.
>Does anyone have a suggestions on how to get the Internet
Explorer to
>recognize the font size command and print in 12 pt
instead of 8?
Got a URL so we can have a look at it?
Micha

Safari print style sheet problem

I've been working on a new site design and for the first time I'm trying to
use a different style sheet for printing a page (via the link media="print"
tag). So far I've had success with this technique except when printing with
Safari The printed page comes out as desired - the problem is that
after the print dialogue box disappears, the appearance of the original
"screen" web page gets messed up. Images get moved and a lot of the content
gets crunched into a column about 1/3 the size of the page.
It seems to be a Safari-only problem; I've tried printing in Mozilla, IE,
Mozilla, Opera and none of these browsers exhibit
this behavior. I've also tried using Safari on other Macs and get the same
result. Does anyone have ideas on how to fix this?

I found a Solution my CSS for print it was in bad layout i found out that i can't use the diplay:block; twice
Luis

Default CSS to style sheet rather than in document?

Any setting that defaults styles to an external style sheet rather than to the document I'm working in? It's annoying when I forget to look at where it's going to place my new style rules.
DW CS4
Thanks!

After a quick experiment with new style rules in the CSS Styles Panel, this is what I have discovered:
Sets of styles (stylesheets, internal styles, etc.) appear in the Styles Panel in the same order that they occur in the head of your document.
If you move style sets (or the <link>s to them) in the head of the document, they rearrange in the Styles Panel as well. Be sure to move the closing tags, too.
If you select a stylesheet in the Styles Panel, then click the "create new CSS style" icon, that is the stylesheet that shows up pre-selected in the "Choose where your rule will be defined" drop-down
So. You can't move whole stylesets or stylesheets in the styles panel, but you can move them in the head of the document. Rearrange them if you wish, remembering that the order is important...remember the cascade effect of (okay...) Cascading Style Sheets.
But click on the one that you want your styles to go into and that is the one that will show up in the selection drop-down when you make a new style.
Beth

Need help with media-print style sheets

I am trying to create a style sheet for printing only for pages on my site. I have found a lot of the same information describing how to remove unwanted items, and change colors and so forth for the items to be printed. My problem is that after the unwanted parts of the page are removed, the remaining test to be printed does not "flow" into the areas previously occupied by other elements. The printed text remains in the location on the page that it occupies on the webpage. How do I get the text to "take over" the whole page?
Below is the style definition for the text content as it is displayed on the screen:
div.mainBody {
     position:absolute;
     left:210px;
     top:145px;
     width:640px;
     height:595px;
     background-color:#000000;
     font : normal normal normal/normal Book Antiqua MS Sans Serif Times New Roman;
     text-align: justify;
     color:#CCCCCC;
And here is the "new" definition for the text as it should be printed:
.mainBody {
     position: absolute !important;
     left: 0px;
     top: 0px;
     width: 100%;
     margin: 0;
     padding: 0;
     background: white;
     font: normal normal normal/normal Book Antiqua MS Sans Serif Times New Roman;
     text-align: justify;
     color: #000;
     float: none;
     display: inline;
All other elements on the page are "turned off" with "{ display: none; }"
Why am I having so much trouble with such a simple thing?
Thanks for any help!
Mark

Hello Mark,
why do you think a feedback forum for Oracle forums is the right place to ask this question?
Regards
Marcus

CSS error, style sheet link, affects browser compatibility..

Left comfort of GoLive and tables, to CS5 Suite - Dreamweaver. Basic CSS skills, so don't have the intuitive ability to frame question well.
Regarding this particular page, I simply built, then copied the index.html page on a test site at:
http://www.screamingeagles.com/client_view/ScreamingEagles_v2/index.html
and stripped out sidebars and menu bar, and began building a form in the "main content" area.
URL to page in question:
http://www.screamingeagles.com/client_view/ScreamingEagles_v2/contact/contact.html
Noticed a "green line" in code so checked browser compatibility as follows:
-------Browser Compatibility-------------------
Found 2 errors in twoColFixLtHdr.css
Affects: Firefox 1.5; Internet Explorer 6.0, 7.0; Internet Explorer for Macintosh 5.2; Netscape 8.0; Opera 8.0, 9.0; Safari 2.0
-----------------Error found (green lined in code) as follows------------------------
Line 6: <link href="../css/twoColFixLtHdr.css" rel="stylesheet" type="text/css" />
Validation didn't give me anything to go on. Given my modest coding skills, should I just build a new page from templates as an better
alternative to bothering forum participants?
Thanks in advance,
J. Satterwhite
SatGraphics.com
Mac Pro
Adobe Creative Design Suite

Noticed a "green line" in code so checked browser compatibility as follows:
-------Browser Compatibility-------------------
Found 2 errors in twoColFixLtHdr.css
Affects: Firefox 1.5; Internet Explorer 6.0, 7.0; Internet Explorer for Macintosh 5.2; Netscape 8.0; Opera 8.0, 9.0; Safari 2.0
-----------------Error found (green lined in code) as follows------------------------
Line 6: <link href="../css/twoColFixLtHdr.css" rel="stylesheet" type="text/css" />
Validation didn't give me anything to go on.
I think that the errors are *in* the twoColFixLtHdr.css file, so you need to open that file and run Validation again.
HTH,
Randy

How to bring Sample CSS Style Sheets into a Template?

I am creating a site from scratch using CS4 Template. Can I incorporate more than one DW Sample CSS Style Sheet? And how do I bring them into the Template site?
Thanks, g

Thank you. I added the 3 sample css style sheets I want to use into my site. Now I am trying to bring a different sample css into different sections of the layout. Example:
Sidebar 1: green/yellow
Sidebar 2: red/yellow
Middle: blue/yellow
I seem to only be able to have one for the whole page. Is this true?
What I am doing is clicking on the div tag: <div.sidebar#sidebar1>, then "Edit CSS" and then scroll down in the Class window to "attach style sheet" and there at the bottom is a link to the sample css style sheets. I click on the one I want and it changes the css for the whole page not just the sidebar 1. Is there a way I can get a different css sample style sheet for each sidebar in a 3 column layout, and a different sample css for the middle?
thank you very much

How to bring 3 different Sample CSS style sheets into 3 different areas of DW Layout?

I added the 3 sample css style sheets I want to use into my site. Now I am trying to bring a different sample css into different sections of the layout. Example:
Sidebar 1: green/yellow
Sidebar 2: red/yellow
Middle: blue/yellow
I seem to only be able to have one for the whole page. Is this true?
What I am doing is clicking on the div tag: <div.sidebar#sidebar1>, then "Edit CSS" and then scroll down in the Class window to "attach style sheet" and there at the bottom is a link to the sample css style sheets. I click on the one I want and it changes the css for the whole page not just the sidebar 1. Is there a way I can get a different css sample style sheet for each sidebar in a 3 column layout, and a different sample css for the middle?
thank you very much

You can't bring 3 of the sample CSS style sheets together because there are defined areas like tables and lists and paragraphs that are just being redefined. Then what happens is the browser picks (usually the last set) the instructions it wants to use to display the content. The only way around this is to save a copy of the 3 CSS documents and open them at the same time. Then use one as your master which will be linked to the page and grab colors from the other CSS documents.

Style sheet not working in Internet Explorer

Hello Experts
Please have a look at this. It is working fine in Firefox.http://www.themildmayarms.com
Here is my Style Sheet linkhttp://www.themildmayarms.com/index.css
The style sheet is definitely uploaded. The other pages have a different style sheet and are working fine in both browsers.
I have validated the site and am getting this:
Line 13, Column 1: unclosed start-tag requires SHORTTAG YES<link href="index.css" rel="stylesheet" type="text/css">
✉
The construct <foo<bar> is valid in HTML (it is an example of the rather obscure “Shorttags” feature) but its use is not recommended. In most cases, this is a typo that you will want to fix. If you really want to use shorttags, be aware that they are not well implemented by browsers.
Stuck! Please help.
Thank you in advance.

Close your meta tag.
<meta name="description" content="blah, blah, blah...>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Style sheet outside of contribute website

We use Contribute campus wide here at Smith College, but have
just started using more global css based style sheets. So while a
department might be at www.smith.edu/department/english/index.html,
the the style sheet is at www.smith.edu/css/global.css
How do I setup contribute cs3 to show only the styles in that
location to contribute publishers and writers?
One idea is to pop some kind of generic css file in each
department website location with an @import or something like that
to get the global css and then point contribute to that file. Would
that work?

Thanks. So I just can't choose a style sheet outside of the
contribute website no matter which role I try. some kind of css
file has to be in the website area that contribute can see if I
want to specify one. I could setup a copy of the global.css file
which will work for contribute users, but over time it will not
perfectly match global as it changes unless we ran some kind of
search and replace script every time we updated the global.css
file.

Variable Entry Style Sheet (CSS)

The Web template uses the style sheet from the MIME repository:
<link href=/sap/bw/mime/BEx/StyleSheets/BWReports.css type=text/css rel=stylesheet>
But, when the variable entry screen is displayed when executing the query it is not formatted and uses this style sheet:
<link rel="stylesheet" href="OWNER">
What is missing or needs to be configured so that the variable entry page uses the same style sheet as the Web template?
Thanks for the help in advance.

i had ot type out in the file:css in order for it to be imported into DW i dont know why its doing that.
Did you define a local site folder in DW before you begain your project?
http://help.adobe.com/en_US/dreamweaver/cs/using/WS753df6af718a350a60097e0f131686fa2b4-7ff e.html
This critical first step allows DW to manage your site links and assets for you. Without a local site folder definition, many of DW's advanced features won't work.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/

Automatically attaching CSS style sheets to new documents

I wanted to alert everyone to a great new Community article published by Adobe Community Expert David Powers. The article details how to attach CSS style sheets automatically when you create new documents.
Here's the article:
http://kb2.adobe.com/community/publishing/505/cpsid_50564.html
This handy option is easy to miss, especially if you don't use the New Document Dialog box to create documents, so big thanks to David for highlighting this.
Furthermore, the appearance of such an article is a great example of how Community content can interact and live symbiotically with Adobe Help. We've linked directly to David's piece from our documentation, and this is indeed a great thing because David is able to go into much more detail about the process of automatically attaching style sheets than we are able to do in Help:
Create a blank page
Create a page with a CSS layout
If you're interested in publishing Community articles of your own, you can download the Community Publishing AIR application and get right to work!

Jon Michael Varese wrote:
We've linked directly to David's piece from our documentation, and this is indeed a great thing because David is able to go into much more detail about the process of automatically attaching style sheets than we are able to do in Help:
Can I ask why?
David's excellent standard should be the minimum standard for Help files.
The quality of software manufacturers' Help (not just Adobe) has deteriorated greatly over the past decade - to the point where it's now my last resort for learning.
Software manufacturers seem to tacitly rely on 3rd party book authors (such as David's brilliant material), bloggers and online tutorials to explain their products these days.
I'm happy not to have a printed book with my software any more because they were always out-of-date and hard to update. However the quality of PDF and online Help docs is so poor and sparse for my use that I prefer to get my answers by Googling, visiting forums or buying the occasional book.

CSS style sheet problem

My page is displayed perfectly in design view, reflecting the CSS rules I've created, but when I preview in Live View and in a browser, it's as if there is no style sheet attached at all... ??

Some things to check:
1) Did you define a Local Site folder in DW before starting your project?
If no, refer to part 1 of this tutorial:
Creating your first web site in DW CS4 -
http://www.adobe.com/devnet/dreamweaver/articles/first_cs4_website_pt1.html
2) Did you link your HTML page(s) to an external stylesheet?
See link below for details:
http://alt-web.com/DEMOS/DW-Link-Stylesheet.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Css print style sheet?

Similar Messages

Maybe you are looking for