|
Prospective Students | Current Students | Academic Programs | Directory | Ask Penn State |
Template pageI'm currently trying to set the style so that the Penn State navigation header doesn't print. I'm having a bit of trouble with the syntax- It prints (somewhat) in IE on a Mac, Safari is fine. I'd like the style embedded, if possible; all of the code should be self contained. (or link to an absolute location). IE Mac doesn't respond completely to the embedded media style but if I link to an external print style sheet, it works. As this page is currently coded, the added header should not print.
The rationale for this layout is to have something that is highly visible but very inobtrusive; totally standardized, while allowing for wide creative latitude. This header hopefully succeeds by disappearing into the chrome of the browser with benefits to both usability and design. On a Macintosh, the effect is complete, in that the bar actually sits as part of the browser as the page scrolls underneath.
Built into the header is a link to skip over repetitive navigation. It's placed above the page with the stylesheet, but becomes visible when stylesheets are overridden or turned off. The Search form has a <label> on the text input field to facilitate access.
Lorem ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem. ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?
Lorem ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem. ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?
Lorem ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem. ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?
Lorem ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem. ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?
This publication is available on alternative media upon request.
Statement of Nondiscrimination and ADA Accommodation Statement