span vs div
Sortable Table
Edge Explorer.
About Farts
The Capital of Canada is Ottawa Ontario
| Province
Joined Canada |
Capital |
|---|---|
| Alberta 1905 |
Edmonton |
| British Columbia1871 |
Victoria |
| Manitoba1870 |
Winnipeg |
| New Brunswick1867 |
Fredericton |
| Newfoundland and Labrador1949 |
St. John's |
| Nova Scotia1867 |
Halifax |
| Ontario1867 |
Toronto |
| Prince Edward Island1873 |
Charlottetown |
| Quebec1867 |
Quebec City |
| Saskatchewan1905 |
Regina |
| Territory
Joined Canada |
Capital |
| Yukon1898 |
Whitehorse |
| Nunavut1999 |
Iqaluit |
| Northwest Territories1870 |
Yellowknife |
Click for larger image
Flags of Canada – A comprehensive listing
<p class="m25">
Verdand font size = 5
First 4 are the default sinle double quotes followed by the html code results.
Left and right quotes
single double double apostrophe apostrophe
' ' " "
‘ ‘ ’ ’ “ “ ” ”
“ “ ” ”
' ' ' ' ℉
Verdana font size = 4
' ' " "
‘ ‘ ’ ’ “ “ ” ”
“ “ ” ”
' ' ' ' ℉
Arial size 5
' ' " "
‘ ‘ ’ ’ “ “ ” ”
“ “ ” ”
' ' ' ' ℉
Tahoma size 5
' ' " "
‘ ‘ ’ ’ “ “ ” ”
“ “ ” ”
' ' ' ' ℉
Degrees ℉ ℉ = ℉ ℉ Degrees ℃ ℃ = ℃ ℃
Some fonts display Times New Roman font instead of the font specified see above
HTML UTF-8 Symbols – LOTS of interesting symbols
Also See:
Special Characters – UsefulLinksF.html
Now, let's take a look at a few examples of span vs div that
demonstrate their differences and applications.
Here's an instance of two <div> tags, followed by two <span> tags.
I've applied a unique background color to each element to
show their size — notice how
divs take the entire page width while
span tags only take up the space of their content.
Additionally, each div adds a line break after its content, but this isn't the
case for span elements.
Local CSS Definition – Right above Demo
Actual usage definition:
<div id="div-0">
– <div id="div-1">
<span id="span-0">
– <span id="span-y40">
– <span id="span-yellow">
– <span id="span-red">
– <span id="span-m">
#div-0 background is #7fd1de
#div-1 background is #b4bbe8
#span-0 background is #ffbcac
#span-1 background is #7fded2
#span-2 background is #EEF13A; font-size: 40px;
#span-m background is #F1C4FF; No Font size or colour
This a paragraph inside a div-0 element.
This a paragraph inside a div-1 element.
This a paragraph inside a div-yellow element.
This text is inside a span-0 element.
This text is inside a span-1 element.
<span id="span-y40">
<span id="span-yellow">
<span id="span-red">
<span id="span-m">
background-color: #F1C4FF;
Note that there is NOTHING defined but the background colour!
Perhaps I should do the same for other colours as well!
<span id="span-m">
background-color: #F1C4FF;
background-color: #F1C4FF;
<span id="span-p">
background-color: #FFBCAC;
background-color: #FFBCAC;
<span id="span-b">
background-color: #7FDED2;
background-color: #7FDED2;
<span id="span-y">
background-color: #EEF13A;
background-color: #EEF13A;
<span id="span-r">
background-color: #F00000;
background-color: #F00000; (looks better with WHITE lettering!)
<span id="span-r"><font color="#FFFFFF">
background-color: #F00000;
Try White fonts here Looks Much better</font>
<div id="div-y">
background-color: #EEF13A;
This section is F00000
This section is FFFFFF
This section is FF0000
This section is F00000
This section is FFFFFF
This section is FF0000
The BLACK font makes the RED background look darker
| Photo | Prime Minister | Date Sworn In | Date of Birth | Age when sworn to office | Occupation |
|---|---|---|---|---|---|
|
The Right Honourable Justin Trudeau P.C., B.A., B.Ed. |
2015.11.04 | 1971.12.25 | 43 years, 10 months, 10 days | Teacher |
|
The Right Honourable Pierre Elliott Trudeau P.C., C.C., C.H., Q.C., M.A., LL.L., LL.D., F.R.S.C. |
1980.03.03 | 1919.10.18 | 60 years, 4 months, 16 days | Lawyer, professor of law, writer |
|
The Right Honourable Pierre Elliott Trudeau P.C., C.C., C.H., Q.C., M.A., LL.L., LL.D., F.R.S.C. |
1968.04.20 | 1919.10.18 | 48 years, 6 months, 3 days | Lawyer, professor of law, writer |
Various CSS Tables, See SOME Sample Definition Used Below.
Remember these table definitions may be used for any purpose with appropriate data.
Also the definitions may be modified to create a suitable altrnative. Some have
definitions for current year (generally green), others may have definitions used
as information separators. Also in ImagesTable.html There are a number of locally defined tables such as PersonalFun.html Canadian Provinces and Territories by Population, Canadian Life Expectancy and TV Screen Size Details. Some others Locally declared in HowF.html
| External .css Table Definitions – Located in /inc Folder | ||
|---|---|---|
| Definition Name | Webpage Used | table id |
| TablesTable.css | ImagesTable.html | TablesTable |
| DSTTable.css | Celebrations.html | daylighttable |
| CDNHolidays.css | CanadianHolidays.html | CanadianHolidays |
| EasterTable.css | Easter.html | EasterTable |
| lionstable.css | Hidemanipulate.html | lionstable |
| pastpresidentstable.css | Hidemanipulate.html | pastpresidents |
| FlagsTable.css | MyCanada.html | flagstable |
| CDNHolidays.css | CanadianHolidaysPrint.html | CanadianHolidaysPR |
| CDNHolidaysPR.css | CanadianHolidays.html | CanadianHolidays |
| CDNThanks.css | Thanksgiving.html | CDNThanks |
| USThanks.css | Thanksgiving.html | USThanks |
| FathersDay.css | FathersDay.html | FathersDay |
| MothersDay.css | MothersDay.html | MothersDay |
| USPresTable.css | USPresidents.html | usprestable |
| CDNPMSTable.css | Primeministers.html | PrimeMinistersTable |
| GreatLakesTable.css | PersonalFun.html | GreatLakesTable |
| GenericTable.css | Unknown | GenericTable |
| NetworkedSystemsTable.css | Unknown | NetworkedSystemsTable |
| RoundCornersTable.css | ImagesTable.html | roundcornerstable |
| SysTable.css | UsefulLinksF.html | SystemsTable |
| ThermostatTable.css | Thermostat.html | thermostattable |
| NetworkedSystemsTable.css | Silver_Nets.html | NetworkedSystemsTable |
O Canada – English, French & Bilingual
Lyrics
Updated Version of Our National Anthem – CanadaDay.html
Select Slideshow below
- Members 3 images of Lions Club Members
- Remembrance Day 3 images of Remembrance Day
- Port Dover Pier 3 images of Port Dover Pier
Legend:
Link previously Visited
More HOW to – Manipulation techniques Hidemanipulate.html
– Hide links and Manipulate text image relationship
Large Font List using ul or ol class=biglist regular ul is 16px font
Big Font List using ul or ol class=bigfont regular ul is 16px font see below
Hyperlink NO Underline
Text Stuff and Italics 
The Box colour is TD Bank Green (#54B848)
< = < > = >
< = < > = > & = & & = &
Fractions - ⅛ ⅜ ⅝ ⅞ ⅓ ⅔ ¼ ½ ¾
≠ ≤ ≥ ∞ ☺ ☻ ♀ ♀ ♂ ♂ ♰ ♱
Roman Numerals - Ⅰ Ⅱ Ⅲ Ⅳ Ⅴ Ⅵ Ⅶ Ⅷ Ⅸ
Ⅹ Ⅺ Ⅻ
Arrows - Left ← Up ↑ Right → Down ↓ Left & Right ↔
Up and Down↕
Arrows - Left ← ← Up ↑ ↑ Right → → Down ↓ ↓ Left & Right ↔ ↔
Up and Down ↕ ↕
ᅘ ๏ ൠ ഋ ۞ ۩ Ф ʘ ҈ ҉ ܣ ℅
163 £ ™ ¢ (& # 162 =) ¢ ‣ ※ ■
► ◄ ▲ ▼ ● ♠ ♣ ♥ ♦ & = &
roman:
Ⅰ Ⅱ Ⅲ Ⅳ Ⅴ Ⅵ Ⅶ Ⅷ Ⅸ Ⅹ
Ⅺ Ⅻ
∞ ☺ ☻ F ♀ M ♂ cross ♰ ♱ ›‹
»« ⑊
Currency £ ¢ ¥ € ¤
1/2 = ½ ½ or ½
1/4 = ¼ ¼ or ¼
3/4 = ¾ ¾ or ¾
1/8 = ⅛ ⅛ or ⅛
3/8 = ⅜ ⅜ or ⅜
5/8 = ⅝ ⅝ or ⅝
7/8 = ⅞ ⅞ or ⅞
1/3 = ⅓ ⅓
2/3 = ⅔ ⅔
1/5 = ⅕ ⅕
2/5 = ⅖ ⅖
3/5 = ⅗ ⅗
4/5 = ⅘ ⅘
1/6 = ⅙ ⅙
5/6 = ⅚ ⅚
Special fractions without an HTML code, user created
⁄ = ⁄ = ⁄ = ⁄ = fraction slash (different than regular slash / )
e.g. (<sup>15</sup>⁄<sub>16</sub>)
15⁄16
3⁄64
1⁄32
15⁄16
51⁄64 = 0.7969
OR
decimal fractions may be used for simplicity & = &
Common HTML entities used for typography
Unicode Codepoint Chart
Also See
UsefulLinksF.html
Fix incorrect Keys typing É instead of ? or "
instead of @
I have had this happen to me without explanation and before finding
this simple solution
I had to reboot the system to fix the annoying problem.
At install time I chose English (Canada) as the language US
keyborad. Selecting US at install time may have prevented this
problem from showing up.
It seems the keyboard switches to Canadian Multiligual S
tandard mode instead of US standard, without any explanation
or known action on my part. I may actually be pressing CTRL+SHIFT
accidentally, causing the situation to crop up.
How do I get rid of the é É?
Get Rid of É on Keyboard. Find yourself typing away and go to
hit the Question Mark and have É instead? press
CTRL+SHIFT
(press CTRL first and while holding press SHIFT, sometimes you have to do it twice in a row to remedy the problem.)
As an aside some report that they have to press SHIFT first then CTRL to fix problem. Mar 30, 2011
Obviously other characters are also changed but I for one notice the problem with commonly used characters. Not all fonts display all charaters. If you look at the font table you will see some charcters do not appear with some fonts.
With this simple solution No More Reboots to remedy the problem.
Source of Solution
Permanent Solution – On Windows 8.1 the solution seems different I did not pursue this solution.
(use return button after viwing image)
MELVIN JONES was born January 13, 1879.
While secretary of the Chicago Business Circle, Melvin Jones felt the businessmen could put their talents to work improving their communities.
June 7, 1917, the Association of Lions Clubs was born.
Melvin Jones the founder of Lions Clubs International died June 1, 1961.
There is
urgency
to this request. Voting in the Pepsi Refresh project opens 2011 September
1st at 6 P.M. and closes on October 31, 2011. Many votes are needed to make this happen - our project will be in competition with approximately 75 to 100 other projects from across Canada. Votes from anyone are welcome, but this note is especially for Lions, Lioness, and Leos.
<h1 style="margin-left:30px;">
<h3 class="c"> <h3 class="cs"> "c" = Centered heading level 3 "cs" = Centered Letter spacing of 6px
<h1 class="c"> <h1 class="cs"> "c" = Centered heading level 1 "cs" = Centered Letter spacing of 4px
I have always said, you should learn something new every day.
Unfortunately, many of us are at that age where what we learn
today, we forget tomorrow.
But, give it a shot anyway.
Time & Navigation
A constellation of
GPS satellites
in Medium Earth Orbit allow at
least 4 satellites to be visible
from any point on the face
of the Earth.
Britain – Interesting information
Project Britain – British lifestyle and much more
 |
 |
 |
 |
 |
| Observation Type | Minimum conditions for hour to be usable | Out of hours | |||
|---|---|---|---|---|---|
| Clear of Clouds | Transparency | Seeing | Sky Brightness (not incl. light pollution) |
||
| Planetary: | 50% | (no limit) | Average | (no limit) | Nighttime Hours |
| Deep Sky: | 70% | Average | (no limit) | 5.9 | Nighttime Hours |
| CCD Imaging: | 70% | Below Average | Poor | (no limit) | Nighttime Hours |
Table Source – The fancy version is no longer available but I learned a great deal from the colourful presentation below.
| Observation Type | Minimum conditions for hour to be usable | Out of hours | |||
|---|---|---|---|---|---|
| Clear of Clouds | Transparency | Seeing | Sky Brightness (not incl. light pollution) |
||
| Planetary: | 50% | (no limit) | Average | (no limit) | Nighttime Hours |
| Deep Sky: | 70% | Average | (no limit) | 5.9 | Nighttime Hours |
| CCD Imaging: | 70% | Below Average | Poor | (no limit) | Nighttime Hours |
It seems CSS is not a good solution for something this complex. I am sure it could be done but I have been unable to find any answers to solution such a complex table in CSS.
Click on the Header to Sort the table by the selected Category
Subsequent click reverses the sort order
| Observation Type | Minimum conditions for hour to be usable | Out of hours | |||
|---|---|---|---|---|---|
| Clear of Clouds | Transparency | Seeing | Sky Brightness (not incl. light pollution) |
||
| Planetary: | 50% | (no limit) | Average | (no limit) | Nighttime Hours |
| Deep Sky: | 70% | Average | (no limit) | 5.9 | Nighttime Hours |
| CCD Imaging: | 70% | Below Average | Poor | (no limit) | Nighttime Hours |
It seems CSS is not a good solution for something this complex. I am sure it could be done but I have been unable to find any answers to solution such a complex table in CSS.
| Observation Type | Minimum conditions for hour to be usable | Out of hours | |||
|---|---|---|---|---|---|
| Clear of Clouds | Transparency | Seeing | Sky Brightness (not incl. light pollution) |
||
| Planetary: | 50% | (no limit) | Average | (no limit) | Nighttime Hours |
| Deep Sky: | 70% | Average | (no limit) | 5.9 | Nighttime Hours |
| CCD Imaging: | 70% | Below Average | Poor | (no limit) | Nighttime Hours |
| Athlete | Age | Country | Gold Medals |
|---|---|---|---|
| Boudia David | 23 | United States | 2 |
| Chen Ruolin | 19 | China | 2 |
| James Peter | 26 | Denmark | 2 |
| Fekete Imre | 48 | Hungary | 5 |
| Flight Fred | 36 | Great Britan | 4 |
| Woods Tiger | 39 | United States | 3 |
| Zakharov Ilya | 21 | Russia | 1 |
| Trudeau Justin | 27 | France | 3 |
| Adamson Scott | 26 | Scotland | 2 |
| Wang Hao | 19 | Afghanistan | 1 |
| Moore Paul | 18 | Ireland | 3 |
| Fekete Jim | 66 | Canada | 6 |
Click on the Header to Sort the table by the selected Category
Subsequent click reverses the sort order
Source Many sortable variables explained
Local Version Not as fancy
Creating a web page with Sortable tables ONLY to avoid conflicts with other
tables on this site.
SortableTables.html
The following images provide no function. You need to click on the image to access
the website with a detailed explanation provided by the
Clear Skies Service of Environment Canada.
The samples below are for
Toronto and Port Dover but there are over 5000 communities available from
across Canada and the US. There are many sub-links to enlighten you about a great
many interesting subjects
Clear Sky Toronto
Clear Sky Port Dover
What Am I Looking At – A detailed explanation
Visit the Natural Environment Blog
The land purchased by our forefathers back in 1945 has served the community well. St. George Street buidings on property sold by Lions Port Dover Composite School.
Other facilities built on those lands include the Port Dover Arena as well as the Port Dover Lions Community Centre.
Test Text for COLOUR 8000dd
Test Text for COLOUR 990099
Test Text for COLOUR ff7000
Test Text for COLOUR ff7000
Still with Same Font NO Italics
Test Text for COLOUR (Not Bold) (Bold) 000000
The 2007 2008 Lion Chief's message on the Port Dover Lions Website.
Canada Day
July 1st
 iberty
 ntelligence
 ur
 ation's
 afety |
|
Can be used to link to another website another web page or as here a different location on the same web page or a named location on another web page.
Feeding Time is a very special time in our society.
Not only must the hungry be fed quality food, the cooks must be treated well
in order to produce the quality products demanded by our citizens.
Food has always been more than just a source of sustenance, it is as much a social
activity as a source of essential nurishment. Any group serving food must assure
a source of quality food is available in quantities that meet the need of
the entire group. The final product delivered will never be any better than the
ingredients that go into the production of the meals being prepared.
The staff must also have access to the same quality as those paying the
institution for care.
NOTE that the images are defined first for both left and right then the text
is added and the formating is as expected.
A wife asks her husband, "Could you please go shopping for me and buy one carton of milk, and if they have eggs, get 6."
A short time later the husband comes back with 6 cartons of milk.
The wife asks him, "Why the hell did you buy 6 cartons of milk?"
He replied, "They had eggs."
Link to Old Faithful – See Steamboat Geyser at bottom of page
Get Adobe Reader
Get Adobe Flash Player
A free browser plugin that displays animations, presentations and interactive graphics on a web page.
Celebrating a Birthday?
 |
 |
|
|
Black 1 N Verdana
Black 1 B Verdana
Black 2 N Verdana
Black 2 B Verdana
Black 3 N Verdana 1 2 3 4 5 6 7 8 9 10 11 12 13 26 33 45 54 78
Black 3 N Tahoma 1 2 3 4 5 6 7 8 9 10 11 12 13 26 33 45 54 78
Black 3 B 1 2 3 4 5 6 7 8 9 10 11 12 13 26 33 45 54 78
Red Normal 3
Red Bold 3
Blue Normal 3
Blue Bold 3
Black 3 N Verdana
1 2 3 4 5 6 7 8 9 10 11 12 13 26 33 45 54 78
Port Dover Lions Club Box 1328 N0A 1N7
Black 3 N Arial
1 2 3 4 5 6 7 8 9 10 11 12 13 26 33 45 54 78
Port Dover Lions Club Box 1328 N0A 1N7
Black 3N Tahoma
1 2 3 4 5 6 7 8 9 10 11 12 13 26 33 45 54 78
Port Dover Lions Club Box 1328 N0A 1N7
Black 4 N Verdana
1 2 3 4 5 6 7 8 9 10 11 12 13 26 33 45 54 78
Port Dover Lions Club Box 1328 N0A 1N7
Black 4N Tahoma
Black 4 N Verdana
Black 4 B Verdana
Black 5 N Verdana
Black 5 B Verdana
Port Dover Lions Club Box 1328 N0A 1N7 Verdana
Port Dover Lions Club Box 1328 N0A 1N7 Verdana
Port Dover Lions Club Box 1328 N0A 1N7 Ramona
Black 6 N Verdana
Black 6 B Verdana
Ramona Black 6 N
Black 6 B
1 2 3 4 5 6 7 8 9 10 11 12 13 26 33 45 54 78
Port Dover Lions Club Box 1328 N0A 1N7
random text for evaluation purposes
random text for evaluation purposes Verdana Bolder sample
random text for evaluation purposes
random text for evaluation purposes Ramona Bolder sample
Black 3 N Tahoma
Black 3 B Tahoma
Black 7 N
Black 7 B
Purple 8 N
Purple 8 B
Test 0123456789 random text for evaluation purposes Verdana 5
Test 0123456789 random text for evaluation purposes Arial 5
Test 0123456789 random text for evaluation purposes Ramona 5
Test 0123456789 random text for evaluation purposes tahoma 5
Test 0123456789 random text for evaluation purposes Verdana 4
Test 0123456789 random text for evaluation purposes Arial 4
Test 0123456789 random text for evaluation purposes Ramona 4
Test 0123456789 random text for evaluation purposes tahoma 4
Port Dover Lions Club Box 1328 N0A 1N7
Port Dover Lions Club Box 1328 N0A 1N7
Port Dover Lions Club Box 1328 N0A 1N7
Port Dover Lions Club Box 1328 N0A 1N7
Port Dover Lions Club Box 1328 N0A 1N7
Port Dover Lions Club Box 1328 N0A 1N7
Port Dover Lions Club Box 1328 N0A 1N7
Port Dover Lions Club Box 1328 N0A 1N7
AntiVir
Free
Excellent basic protection against computer Viruses (Cnet Editors' Choice).
G
reetings from your humble Web Master. It is indeed a pleasure to provide
the Port Dover Lions Club with such an outstanding Web Site. 
Any presence in cyberspace should not only be a source of information and
facts but a source of pride to the Club, our community and all Lions
around the world. The information is important of course but a Website
must be a source of information useful to the entire community and
an inviting atmosphere to all who view the site.|
Greetings from your humble Web Master. It is indeed a pleasure to provide
the Port Dover Lions Club with such an outstanding Web Site. Any presence in cyberspace should not only be a source of information and facts but a source of pride to the Club, our community and all Lions around the world. The information is important of course but a Website must be a source of information useful to the entire community and an inviting atmosphere to all who view the site. The atmosphere should be such that visitors consider your site a must visit repeatedly, as a source of invaluable information to them. |
|
|
Greetings from your humble Web Master. It is indeed a pleasure to provide
the Port Dover Lions Club with such an outstanding Web Site. Any presence in cyberspace should not only be a source of information and facts but a source of pride to the Club, our community and all Lions around the world. The information is important of course but a Website must be a source of information useful to the entire community and an inviting atmosphere to all who view the site. The atmosphere should be such that visitors consider your site a must visit repeatedly, as a source of invaluable information to them. |
Note the difference in appearance of the image and how things appear now. Note also the
the red maple leaves which are used as follow the cursor. Other pages like Christmas have falling snow, Thankgiving has falling leaves that no longer fall.
It was fun to create and as noted before .... NOTHING stays the same but I would prefer if thing improved rather than the loss of function currently being experinced.
Christmas Card – Just for you and your loved ones
Greetings from your humble Web Master. It is indeed a pleasure to provide
the Port Dover Lions Club with such an outstanding Web Site.
Any presence in cyberspace should not only be a source of information and
facts but a source of pride to the Club, our community and all Lions
around the world. The information is important of course but a Website
must be a valuable resource to the entire community and
an inviting atmosphere to all who visit the site.
The atmosphere
should be such that visitors consider your site a
must visit repeatedly, as a source of invaluable information
to them.
The economy of Detroit plays a key role in the economic vitality of
Michigan and the United States. Detroit is known as the automotive
capital of the world, and it is estimated that the domestic auto
industry directly and indirectly provides about 10 percent of the
jobs in the country.
But Detroit is more than cars.
With the goal of diversification, Detroit has moved into emerging fields,
such as life sciences, fuel cell technology, information technology and
advanced manufacturing.
Colours are broader than I wanted them but can be reworked
i.e. hr class= bhr for blue, rhr for red ghr for green phr for purple yhr for yellow
<hr class=bhr>
More Line Definitions – Lines.html
 iberty
 ntelligence
 ur
 ation's
 afety |
|
| iberty
ntelligence
ur
ation's
afety |
|
Celebrate
Robbie Burns Day - January 25th
Enjoy the
HAGGIS
- The National Dish of Scotland
Look at that silly cat!
Happy Valentine's Day
<p style="border-style: dotted;"> A dotted border.
<p style="border-style: dashed;"> A dashed border.
<p style="border-style: solid;">> A solid border.
<p style="border-style: double;"> A double border.
<p style="border-style: groove;"> A groove border. The effect depends on the border-color value.
<p style="border-style: ridge;"> A ridge border. The effect depends on the border-color value.
<p style="border-style: inset;"> An inset border. The effect depends on the border-color value.
<p style="border-style: outset;"> An outset border. The effect depends on the border-color value.
<p style="border-style: none;"> No border.
<p style="border-style: dotted dashed solid double;"> A mixed border.
Style Sequence Definition = Top, Right, Left Bottom
The Animals - House Of The Rising Sun –
Lyrics
Take up our quarrel with the foe:
|
This table is padded 5 and the link
is directly under the image and centered under the image itself. English | Deutsch | Español | Français | Italiano | Português |
This is after the image and text with links
Days to January 1st 2020!
Days to Canadian Thanksgiving in 2018
Days to Canadian Thanksgiving in 2023
Days to US Thanksgiving in 2018
Days to US Thanksgiving in 2023
Each date MUST be specified in inc/multicountdown.js
Days to St. Patrick's Day 2026
Days to Jan 1 2028
|
|
The IBM 5100 is recognized as the first portable computer and was released in September 1975. The computer weighed 55 pounds and had a five inch CRT display, tape drive, 1.9MHz PALM processor, and 64KB of RAM. In the picture to the left, is an ad for the IBM 5100 taken from a November 1975 issue of Scientific America. As an IBM employee at the time I recall the excitement the morning our marketing department held a big announcement meeting with the 5100 being present. No one actually knew how to, or what exactly to use the product for, but that soon changed. IBM joined the Personal Home computer race by announcing the IBM Personal Computer on August 12, 1981, which runs the new MS-DOS operating system and has a starting price of $1,565. With the introduction of the first IBM PC the world of home computing changed forever. Although IBM was not the first to bring a product to the home market, it became the defacto industry standard of home computing due to the robust bus structure and operating system. Applications such as, word processors, spreadsheets and graphics were soon developed along with some rudimentary games. As they say the rest is history. Today few homes are without a home computer and many homes have several. |
A
ntonin Gregory Scalia was an Associate Justice of the Supreme Court of the United States from 1986 until his death in 2016.
This death could not have happened at a worse time, in the middle of the Presidential
election.
As a
controversial
justice he was consistently against human rights, civil rights, gender equality and always supported big business against individual or citizen's best interests.
With such a draconian record he became the hero of Republicans with a log history
of opression and favouring big business.
As far as I am concerned they could not bury him soon enough or deep enough in order
for justice to once again flourish in the US.
Scalia was rightly considered a right wing conservative justice. While justice is
supposed to be blind, it has become very political. Most legal scholars consider the constitution to be a living document to evolve and reflect modern day realities as
opposed to the interpretation by any justice or individual of what was intended by the authors centuries ago.
Try class=cl class .cl soft yellow background
Trying class=b p.b actually useless
This is class=c p.c
p class=bluedot
p class=linedr
p class=linedb
p class=reddot
p class=Borderit12
p class=Borderit1250 .Borderit1250
Justify? p class = Borderit1250j .Borderit1250j
Justify? p class = Borderit12j .Borderit12j
<span class="fancyfirst">F</span>ancy result =
Fancy 150% bold first character
<span class="big">B</span>ig result =
Big 200% first character, not bold but can be manipulated.
<span class="fancyfirstb">F</span>ancy result =
Fancy 250% bold first character
<span class="huge">H</span>uge result =
Huge 300% first character, not bold.
Also on
Hidemanipulate.html
standard span style="font-size:0.6em;"
(0.6em)
(0.9em)
(1.2em)
(1.5em)
(1.8em)
(2.5em)
bold
(0.6em)
(0.9em)
(1.2em)
(1.5em)
(1.8em)
(2.5em)
More HOW To Manipulation techniques
Note: Internet Explorer 9, and earlier versions, does not support the column-count property.
3 column Output (UnJustified - Standard output)
CSS Multiple Columns
3 column Justified Output with solid column rule dividing columns
Note: Internet Explorer 9, and earlier versions, does not support the column-count property.
W3schools – CSS Multiple columns reference
©
©
Copyright © –
Simple current year
CDN Celebrations | New Years | Valentine's Day | St. Patrick's Day | Easter | Mother's Day | Father's Day | Canada Day | Thanksgiving | Halloween | Remembrance Day | Christmas
Predefined in feketexmas.css 600 wide 70 high padding = 20px Red Blue Gree
Text centred but size and colour NOT css defined
<p id="rcornersr22"> <p id="rcornersb36"> <p id="rcornersg60">
Must define new variables if you need something different
Round Corners 22!
Round Corners 36!
Round Corners 60!
TD Bank Green Bg
Text = #FECB00
<p id="rcornerstd40">
TD Bank Green Bg
Text = #FFCC00
<p id="rcornerstd40">
<p id="purpleyellow85"> Font Verdana, bold, size = 50px, color = #FFCC00,
background color = #530066, padding = 20px.
Yellow text on dark purple background, 70px high, corners rounded 60. Text centred as above.
ISS Observations Port Dover
Transparent image instead of text
Using TryEaster1_UNUSED.js Used to be TryEaster1 .js
Produces correct results but prints too much information. DO NOT USE THIS SCRIPT! I just want Month Day Year as (MM/DD/YYYY)
What Easter.js provides is EXACTLY what I want (MM/DD/YYYY).
Using EasterV.js They are essentially the same
Using Easter2.js This essentially produces the same results but uses a very different algorithm
| 1-11 | 1-12 |
| 1-21 | 1-22 |
| 2-11 | 2-12 | 2-13 |
| 2-21 | 2-22 | 2-23 |
| 2-31 | 2-32 | 2-33 |
| 3-11 | 3-12 | 3-13 |
| 3-21 | 3-22 | 3-23 |
| 3-31 | 3-32 | 3-33 |
| 4-41 | 4-42 | 4-43 |
| 5-51 | 5-52 | 5-53 |
Using CSS container div to float left & float right.
The tables below are almost the maximum displayable for my screen.
| Describe Left Table Here | |||
|---|---|---|---|
| 15 Characters | 12 Characters | 12 Characters | 12 Characters |
| 123456789012345 | C2 R1 | C3 R1 | C4 R1 |
| 16 Characters | C2 R2 | C3 R2 | C4 R2 |
| C1 R3 | 123456789012 | 123456789012 | 123456789012 |
| Describe Right Table Here | |||
|---|---|---|---|
| 15 Characters | 12 Characters | 12 Characters | 12 Characters |
| 123456789012345 | T2 C2 R1 | T2 C3 R1 | 123456789012 |
| T2 C1 R2 | 123456789012 | T2 C3 R2 | T2 C4 R2 |
| 16 Characters | T2 C2 R3 | 123456789012 | T2 C4 R3 |
I will try to use the same declaration with tables I defined before i.e. USTable
Works well here but can't combine with exsiting declarations. Requires a new css file
that respects the limitations of the screen size and the amount of data to be displayed.
NOT Creating .css It may never be used. This was just an exercise to demonstarte that side by side tables can be done.
The Second Monday in October
The Fourth Thursday in November
Events specified in the file are displayed on the date specified. These can be fancy or simple, as you choose, but definitely available.
This free script provided by
JavaScript
Kit
Missing Events:
Easter Sunday and Victoria Day These events have complex calculations,
outside the scope of this exercise but included elsewhere on the website.
Had to modify the CSS style to prevent some definitions to crosspolinate to other tables on this page. I may find a CSS solution the td, th border solid blue problem.
| Times Table | ||||||||
|---|---|---|---|---|---|---|---|---|
| 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | |
| 2 | 4 | 6 | 8 | 10 | 12 | 14 | 16 | 18 |
| 3 | 6 | 9 | 12 | 15 | 18 | 21 | 24 | 27 |
| 4 | 8 | 12 | 16 | 20 | 24 | 28 | 32 | 36 |
| 5 | 10 | 15 | 20 | 25 | 30 | 35 | 40 | 45 |
| 6 | 12 | 18 | 24 | 30 | 36 | 42 | 48 | 54 |
| 7 | 14 | 21 | 28 | 35 | 42 | 49 | 56 | 63 |
| 8 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 72 |
| 9 | 18 | 27 | 36 | 45 | 54 | 63 | 72 | 81 |
Times Table 9x9 slightly modified
FancySourceF.html
<p style="line-height:1.25; font-size:20px; margin:25px;">
This is it
(SCC) project aims to find the best drugs that target key
molecules in childhood cancers. World Community Grid volunteers
across the globe have contributed over 57 thousand CPU years to
this project. Thanks to their help, the team has been able to
design drugs for multiple types of cancer, such as neuroblastoma
(cancer of nerve tissues), hepatoblastoma (liver cancer),
osteosarcoma (bone cancer), and most recently,
Ewing’s sarcoma.
1 2 3 4 5 6 7 8 9 10 2 3 4 5 6 7 8 9 20 2 3 4 5 6 7 8 9 30 2 3 4 5 6 7 8 9 40
2 3 4 5 6 7 8 9 50 2 3 4 5 6 7 8 9 60 2 3 4 5 6 7 8 9 70 2 3 4 5 6 7 8 9 80
Marcel Trost
e-mail:
jimandgloria@yahoo.com
Thank you for visiting us on the World Wide Web.
Copyright © 2000 -
All rights reserved.
Design by
Φ
Unicorn JIF 2007 2008
All suggestions, Broken Links, Corrections and Recommendations
must be submitted to WebMaster
Send e-mail to:
WebMaster
jimandgloria@yahoo.com
