navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

Microsoft MVP

 

Changing Print Styles with CSS

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> Changing Print Styles with CSS
Page: [1]
 
Xylina

 

Posts: 39
Joined: 9/1/2005
Status: offline

 
Changing Print Styles with CSS - 7/10/2006 15:19:08   
I have most of the CSS that I need to make this page print correctly, but there are a couple of more things I would like to change. On the Website I want the text to be the colour it is so that it fits in with the overall colour scheme, but when someone prints something, I would like it to print in black, instead of the blue. Also, I would like the [Back] [Home] [Archive] [Next] links at the bottom to not print.

Here is the CSS that I have so far:

.maintable { width: 95%; align: center; border: 0px; }
.table { border: 0px; color:#000000; }

Nothing too fancy, as you can see, but hey, it works.

For an example of what I am talking about go to: http://coxandcompany.biz/TalkingBusiness/BusinessPlanning.htm

Any assistance with this will be greatly appreciated.

Thank you,

Xylina
Tailslide

 

Posts: 5945
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
RE: Changing Print Styles with CSS - 7/11/2006 3:59:20   
Hi

You've got those links at the bottom sitting in an unamed div. If you give the div an id then you can exclude it in the print stylesheet.

So if you call that div "footer" for instance you can just do

#footer {display:none;}


In the print stylesheet, and nothing in that div will show up. This is one reason why it's a good idea to call different bits of your page different things = div id="header", div id="text", div id="footer". You don't want to go overboard about it either but it does help when you want to apply specific rules to sections of your page.

_____________________________

"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project

(in reply to Xylina)
Xylina

 

Posts: 39
Joined: 9/1/2005
Status: offline

 
RE: Changing Print Styles with CSS - 7/11/2006 17:48:38   
I have finally stumbled onto the solution, or at least one that works anyway, lol

Thanks for all your help,

Xy

(in reply to Xylina)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> Changing Print Styles with CSS
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts