a webmaster learning community
     Home    Register     Search      Help      Login    
FrontPage Alternative
Sponsors

Hosting from $3.99 per month!

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

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

 

Diplay a header

 
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 and Accessibility >> Diplay a header
Page: [1]
 
fredecd

 

Posts: 312
Joined: 12/3/2003
From: Louisiana, USA
Status: offline

 
Diplay a header - 2/16/2005 23:19:27   
Hello all,

How do I get a header to not display on the screen, but appear when I print the page.

I have tried display:none; on my screen css, and display: block; on my print css, but it did not work.

Thanks,

_____________________________

Chris

http://www.sightbysite.net
jaybee

 

Posts: 14207
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: Diplay a header - 2/17/2005 3:57:41   
Depends what you mean by didn't work. If you mean that display none works on the screen but display block doesn't on the print then try the following:

Try getting rid of the display:block statement in your print.css and make sure that it's in a colour that will print.

If it's not that then a better description of the problem and a url to look at would be good.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to fredecd)
fredecd

 

Posts: 312
Joined: 12/3/2003
From: Louisiana, USA
Status: offline

 
RE: Display a header - 2/17/2005 8:52:40   
Unfortunately, the site is not on a public server. What I want to be able to do is to have a letter head section of text show up when a certain page prints, but I do not want it to show up on the screen when it displays. I want the graphics header to show up on the screen, and the text header to take its place when I print.

To simplify the question, how do I format the style so that this happens?

If I wanted to use it as a span tag in the header how would the tag

#header span look differently in my print css vs. screen css?

_____________________________

Chris

http://www.sightbysite.net

(in reply to jaybee)
jaybee

 

Posts: 14207
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: Display a header - 2/17/2005 9:16:42   
The problem is, it's not just a case of turning it on and off, you have two different headers. Yes?

Set the header up as a div. In the normal style sheet have the screen header as a background graphic and in the print css have the print header as a background graphic.

or have 2 different header divs both positioned in the same place then use display:none or visibility:hidden for the one you don't want to show up. You might need to play around with display and visibility to see which one works best.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to fredecd)
Page:   [1]
OutFront Discoveries

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> Diplay a header
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