"Thank goodness for the <pre> tag" I used to say - for it give the ability to copy and paste plain text output into a web page and get content up on line very quickly. But alas, the tag is now rather 'old hat' and we're told that it really shouldn't be used - "these things should be done with styles. But which one?

The white-space: pre; attribute replaces the <pre> to </pre>tag pair ... and with a fixed width font family such as courier, you'll find things line up just as they always did. You'll find examples all over our solution centre - for example here where we're presenting MySQL outputs.


Here's the style we used in full:

.codescript {
font-family: "Courier New", Courier, mono;
font-size: 11px;
font-style: normal;
font-weight: 700;
font-variant: normal;
color: blue;
margin: 0px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 12px;
text-indent: 0em;
white-space: pre;
}
(written 2007-01-01 12:37:21)

 W702 - Web and Intranet - Elements of cascading style sheets

Back to Modernising from tables to cascading style sheets

Previous and next or Horse's mouth home

Forward to Open Source Courses and Business Hotel - products and prices for 2007

PHP - static declaration
Parallel processing in PHP
span and div tags - a css comparison
Open Source Courses and Business Hotel - products and prices for 2007
css - handling white space and pre
Modernising from tables to cascading style sheets
Search engine placement - long term strategy and success
Christmas Season Piccies
Copy multiple files - confusing error message from cp
Moving files between Windows / DOS and Linux / Unix
Link to page ... 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34 at 50 posts per page


This is a page archived from The Horse's Mouth at http://www.wellho.net/horse/ - the diary and writings of Graham Ellis. Every attempt was made to provide current information at the time the page was written, but things do move forward in our business - new software releases, price changes, new techniques. Please check back via our main site for current courses, prices, versions, etc - any mention of a price in "The Horse's Mouth" cannot be taken as an offer to supply at that price.

Link to Ezine home page (for reading).
Link to Blogging home page (to add comments).