This article on A List Apart has many good ideas for formatting a web page for printing, including how to print hyperlinks parenthetically.
Monthly Archives: May 2010
Style Sheets for Printing
Modified the paralegal internet research page, to display answers to the lab problems after a code is given in a form. Used a php header statement to redirect to the print page if the correct code was given.
I freaked out a little. After doing a lot of work to get this page to work correctly, I tried to print the hand out. The print-out looked nothing like what displayed on screen. The answers were not indented, the font color was missing, the automatic numbers were gone.
Turns out, it was a problem with my stylesheet reference. I had been using
<link rel=”stylesheet” type=”text/css” href=”http://www.glenpritchard.com/css/global-styles.css” media=”screen”>
The problem was ‘media=”screen”‘. I did not know that you can specify different style sheets for printing and on-screen viewing. Specifying ‘media=”screen”‘ means that the style sheet will be used for what is displayed on the screen and not what prints. Using ‘media=”print”‘ will work for printing, but not anything else. To use the same style sheet for all purposes, ‘media=”all”‘ may be used.
W3C has a nice reference about style sheets. It also has a reference about media types.
Update: Because the style sheets are cascading, there was no need to redirect the research page to a separate print template. The same page can be used for screen and print! For future reference, the redirect code, which must go at the top before the <html> tag, looks like this:
<?php
if($_GET[“code”]==”reject4053″) {
header(“Location:http://www.glenpritchard.com/paralegal/print.php”);
}
?>
WordPress Secure Mail Form Plug-in
I tried to install the fast and secure contact form plug-in and experienced an error message after entering the captcha code. Said that it could not set the cookie’s. I found this page on the subject regarding the same error in a comment captcha plug-in by the same author.
Oddly, I was able to send one message from the form when I switched themes back to the classic theme, added one comment to a random post. But then when I switched back to the custom theme, I got the same error message.
This is vaguely similar to the problem that CoffeeCup HTML editor has in uploading a file to a new folder. It cannot write to the new folder until at least one file has been created there. After the first file is created, it uploads fine.
In any event, I could not get it to work, so I uninstalled it.
Centering Images on a Page
I was having a hard time centering an image on a page with the ‘margin:auto’ declaration. I learned that you must add the ‘display:block’ declaration.
Printer Friendly Web Pages
Here is a great tutorial about producing printer-friendly versions of web pages.
Updating Favicon in Firefox
Capital University Paralegal Internet Research Class Converted
Finished converting the lab questions and answers from Word to HTML. Implemented auto numbering and added hyperlinks.
Added Favicon
Added favicon for address bar and favorites menu. Got good help from the Widipedia article about favicon.
Capital Paralegal Class Content Conversion
Converted all questions and answers for my Capital University internet legal research paralegal class to php pages from MS Word documents. Used ‘before’ pseudo-element to number each question.
Updated the “Legal Associations” section from the Legal Research page.
Here is a very interesting idea for using the before and after property to display the url of an anchor tag.
WordPress Integration Complete
The classic theme is much easier to modify than the default Kubric theme. To fully integrate into Glen’s World, I needed two layers of wrappers. The classic theme already provides one empty wrapper called rap. I modified that one to create the star background. I created a second wrapper (calling it rap2) to hold the bulk of the posts and the sidebar menu in front of the green background. Bringing it all together requires a good understanding of the “position” style. What helped the most was understanding that “absolute” isn’t! Absolute is relative to the parent container (as long as the parent is not “static”). Also, you need to remember to ‘clear’ the footer. Otherwise, the footer won’t sink to the bottom.
After getting rap centered on the page and the posts sitting next to the sidebar, the rest was pretty easy. Replace the text header with a graphic; replacing the footer with the usual footer, placing the main menu in the left margin, all fell into place.
Posts are formatted by the <p> tag. The classic theme messes with the spacing between lines and letters. This made the text in the main menu look odd. Deleting the modifications to the spacing corrected that problem.