Home Accessibility Courses Twitter The Mouth Facebook Resources Site Map About Us Contact
 
For 2023 (and 2024 ...) - we are now fully retired from IT training.
We have made many, many friends over 25 years of teaching about Python, Tcl, Perl, PHP, Lua, Java, C and C++ - and MySQL, Linux and Solaris/SunOS too. Our training notes are now very much out of date, but due to upward compatability most of our examples remain operational and even relevant ad you are welcome to make us if them "as seen" and at your own risk.

Lisa and I (Graham) now live in what was our training centre in Melksham - happy to meet with former delegates here - but do check ahead before coming round. We are far from inactive - rather, enjoying the times that we are retired but still healthy enough in mind and body to be active!

I am also active in many other area and still look after a lot of web sites - you can find an index ((here))
CSS training - Cascading Style Sheets (UK course)

It's Sunday ... and I've been teaching Cascading Style Sheets (or rather "I've been teaching a customer about cascading style sheets") ... one of our delegates for this week's PHP course asked me to spend a few hours going through CSS with him ahead of time.

Here's an example ... using the "KISS" approach (Keep it Simple, Stupid) to avoid the whole thing getting too complex for its own good. I've chosen to post this today to show you just how much better it is to use classes and divs than other more complex specifiers on standard HTML elements - for I have only to add in another surrounding tag and my standard classes would fail, but the classes go on working.

The source code:

<html>
<head>
<style>
table table {
  align: center;
  color: red;
  background: blue;
  }
table table tr td {
  padding-left: 100px;
  color: yellow;
  background: green;
  }
.maths{
  padding-left: 100px;
  color: green;
  background: yellow;
  }
</style>
</head>
<body>
Flubber<br />
<table width=100%><tr><td width=100% align=center>
<table border=1>
<tr><th>Say what</th><th>To whom</th></tr>
<tr><td><div align=center class=maths>Hello</div></td>
<td>World</td></tr></table>
</td></tr></table>
<br />
</body>
</html>

How it looks:



And you can see the full source listing on its own page here and run it for yourself here
(written 2008-06-15)

 
Associated topics are indexed as below, or enter http://melksh.am/nnnn for individual articles
W704 - Web and Intranet - Cascading style sheets - putting it all together
  [501] .css - using PHP to make dynamic style sheets - (2005-11-21)
  [565] Using PHP to output images, XML, Style sheets, etc - (2006-01-15)
  [994] Training on Cascading Style Sheets - (2006-12-17)
  [996] Setting your colour theme through PHP - (2006-12-17)
  [2223] CSS Style Diagrams - working out where attributes come from - (2009-06-08)
  [4037] Cascading Style Sheets and formatting your web page - (2013-03-10)

W702 - Web and Intranet - Elements of cascading style sheets
  [999] Cascading and the buses - (2006-12-18)
  [1017] css - handling white space and pre - (2007-01-01)
  [1019] span and div tags - a css comparison - (2007-01-02)
  [1831] Text formating for HTML, with PHP - (2008-10-11)
  [1998] Text on a background image - (2009-01-16)

W701 - Web and Intranet - Introduction to Cascading Style Sheets
  [993] Positioning with Cascading Style Sheets - (2006-12-16)
  [1016] Modernising from tables to cascading style sheets - (2006-12-31)


Back to
A warm welcome for visitors from the USA
Previous and next
or
Horse's mouth home
Forward to
Software - changes and delays. But courses must run on time!
Some other Articles
Adding a button to a web page to print the page
Astroturfing - the online definition
PHP - Sanitised application principles for security and useability
Software - changes and delays. But courses must run on time!
CSS training - Cascading Style Sheets (UK course)
A warm welcome for visitors from the USA
Comparing Objects in C++
What a lot of files! (C++ / Polymorphism demo)
Spam Filters ... are working!
The Composting Cone Challenge
4759 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, 74, 75, 76, 77, 78, 79, 80, 81, 82, 83, 84, 85, 86, 87, 88, 89, 90, 91, 92, 93, 94, 95, 96 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

© WELL HOUSE CONSULTANTS LTD., 2024: 48 Spa Road • Melksham, Wiltshire • United Kingdom • SN12 7NY
PH: 01144 1225 708225 • EMAIL: info@wellho.net • WEB: http://www.wellho.net • SKYPE: wellho

PAGE: http://www.wellho.net/mouth/1677_CSS ... urse-.html • PAGE BUILT: Sun Oct 11 16:07:41 2020 • BUILD SYSTEM: JelliaJamb