Training, Open Source Computer Languages

Search for:
Print friendly page
Home Accessibility Courses Diary The Mouth Forum Resources Site Map About Us Contact
css - handling white space and pre

"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)

 
Associated topics are indexed under
W702 - Web and Intranet - Elements of cascading style sheets
  [1998] Text on a background image - (2009-01-16)
  [1831] Text formating for HTML, with PHP - (2008-10-11)
  [1677] CSS training - Cascading Style Sheets (UK course) - (2008-06-15)
  [1019] span and div tags - a css comparison - (2007-01-02)
  [999] Cascading and the buses - (2006-12-18)
  [994] Training on Cascading Style Sheets - (2006-12-17)

W703 - Web and Intranet - Page layout with cascading style sheets
  [1016] Modernising from tables to cascading style sheets - (2006-12-31)


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
Some other Articles
PHP - static declaration
Parallel processing in PHP
Open Source Courses and Business Hotel - products and prices for 2007
css - handling white space and pre
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
3603 posts, page by page
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, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73 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).
You can Add a comment or ranking to this page
Public Training Courses
Running regularly at our UK training Centre.
[Schedule] - [About] - [Book]

Like this? ??

Related short articles
PHP - moving from ereg to preg for regular expressions
Cold call contacts - preference services and turning off spam sales approaches
A Melksham Timeline - Domesday to present day
Pressing ^C in a Python program. Also Progress Bar.
Handling binary data in Perl is easy!
Presidents Report to Melksham Chamber of Commerce, 24.5.2011
Melksham Chamber of Commerce - grows to appoint new Press Officer. Welcome. Sam
C and C++ - preprocess, compile, load, run - what each step is for
Tcl - Some example of HOW TO in handling data files and formats
Past and Present - Melksham Station
Ruby training - some fresh examples for string handling applications
Disassembling Python and Java - previously compiled code
XML handling in Python - SAX, DOM and XSLT examples
String handling - from first steps to practical examples
Handling (expanding) tabs in PHP
The legal considerations of your web presence - revisited
Exception handling in Perl - using eval
Dulwich College Preparatory, and Sevenoaks, Schools
How will we present courses over the coming years?
An introduction to file handling in programs - buffering, standard in and out, and file handles
Initial handling of phone calls and walk in visitors
Predictions for the seagull population
Fail Safe Error Handling in Java via Exceptions
MySQL and Java - connectivity past, present, and future thoughts
Fresh Paint for course presentation - including C++
Binary data handling with unpack in Perl
Melksham Chamber of Commerce - Presidents report to AGM
Exception handling in PHP
Handling unusual and error conditions - exceptions
Luac - getting lua to start fast by precompiling
Lua examples - coroutines, error handling, objects, etc
Robust user input (exception handling) example in Python
Making variables persistant, pretending a database is a variable and other Perl tricks
Handling XML in Perl - introduction and early examples
Error Handling in Lua with assert and pcall
How much space does my directory take - Linux
pre-Inaugural briefing - Melksham Community Area Partnership
PHP preg functions - examples and comparision
History is not always pretty
Handling nasty characters - Perl, PHP, Python, Tcl, Lua
CSS Style Diagrams - working out where attributes come from
How you are (re)presented at an exhibition
Preventing forum spam - checks at sign up
In honour of the photograph, I present ... a walk from Reybridge to Lacock
A Presentation about our company - web and PHP
Pre and post increment - the ++ operator
tomcat-users.xml; what a difference a space made
Predictive Load Balancing - PHP and / or Java
Preventing ^C stopping / killing a program - Perl
Barack Obama wins US Predidency
Preserved railways - struggling to the future?
Dealing with The Press
Handling Binary data (.gif file example) in Perl
Script to present commonly used images - PHP
Good, steady, simple example - Perl file handling
Away or home - which do I prefer?
Handling Binary data in Tcl (with a note on C)
Easy handling of errors in PHP
Perl - functions for directory handling
Government pressure on me to shut up after I make the papers
css - handling white space and pre
Notes from the white board
Presenting Melksham - for a weekend away in Wiltshire
Finding the language preference of a web site visitor
Cottage industry or production line data handling methods
Handling huge data files in PHP
Copying files and preserving ownership
Presentation, Business and Persistence layers in Perl and PHP
Simple but rugged form handling demo
Not just a pretty face to answer the phone.
Finding where the disc space has gone
Dynamic Web presence - next generation web site
.css - using PHP to make dynamic style sheets
Telephone Preference Service - we're registered
Error handling in Tcl through catch
the array returned by preg_match_all
Preparation for a day's work
Linux - where to put swap space
Trawling our site to prevent student copying
Present and future MySQL
© WELL HOUSE CONSULTANTS LTD., 2012: Well House Manor • 48 Spa Road • Melksham, Wiltshire • United Kingdom • SN12 7NY
PH: 01144 1225 708225 • FAX: 01144 1225 899360 • EMAIL: info@wellho.net • WEB: http://www.wellho.net • SKYPE: wellho

PAGE: http://www.wellho.net/mouth/1017_css ... d-pre.html • PAGE BUILT: Fri Feb 3 14:16:04 2012 • BUILD SYSTEM: wizard