diff --git a/case1/mi_pricing_txt.html b/case1/mi_pricing.html similarity index 55% rename from case1/mi_pricing_txt.html rename to case1/mi_pricing.html index 127737d..8379e7e 100644 --- a/case1/mi_pricing_txt.html +++ b/case1/mi_pricing.html @@ -7,8 +7,8 @@ Case Problem 1 Marlin Internet Pricing - Author: - Date: + Author: E. Ruiz & James Allen + Date: November 26 2018 Filename: mi_pricing.html @@ -18,7 +18,8 @@ Marlin Internet - + + @@ -47,6 +48,76 @@

Accelerate with No Speed Traps

(personal help is always on the line), free security tools, email accounts for the whole family, and exclusive online content.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
select a planStarterPrimePrime PlusUltra
$19.95
per month
$29.95
per month
$49.95
per month
$69.95
per month
SummaryJust the speed you need to send emails, download map directions, and search the Internet for restaurant reviews.A great speed at a great price for the family: kids can play games, adults can pay bills, and everyone can surf at the same time.Super speeds for multiple tasks that require more broadband capacity; ideal for gamers who need fast response times.Perfect for a small business running multiple media streams, demanding reduced lag time and fast data delivery.
Download Speed3 Mbps15 Mbps25 Mbps50 Mbps
Upload Speed512 Kbps6 Mbps10 Mbps20 Mbps
Cloud Storage2 GB5 GB15 GB40 GB
Email Accounts2 Accounts3 Accounts5 Accounts10 Accounts
24/7 SupportYesYesYesYes
diff --git a/case1/mi_tables.css b/case1/mi_tables.css new file mode 100644 index 0000000..81e68ec --- /dev/null +++ b/case1/mi_tables.css @@ -0,0 +1,73 @@ +@charset "utf-8"; + +/* + New Perspectives on HTML and CSS + Tutorial 6 + Case Problem 1 + + Tables Style Sheet + Author: + Date: + + Filename: mi_tables.css + +*/ + +/* Table Styles */ +table { + background: linear-gradient( rgb(190, 215, 255), black); + border: 5px solid gray; +} + +th, td { + border: 3px solid gray; + line-height: 1.4em; + padding: 8px; +} + +th { + background-color: black; + color: rgb(130, 210, 255); + font-weight: normal; +} + +td { + color: white; + font-size: 0.9em; + vertical-align: top; +} + + +/* Column Styles */ +col#firstCol { + Width: 24%; +} + +col#dataCols { + width: 19%; +} + + +/* Table Header Styles */ +thead tr{ + height: 60px; +} + +thead tr:first-of-type th:first-of-type { + font-size: 2em; +} + +thead tr:first-of-type th:not(:first-of-type) { + background-color: transparent; + color: black; +} + + + + + + + + + + diff --git a/case1/mi_tables_txt.css b/case1/mi_tables_txt.css deleted file mode 100644 index db9e6bc..0000000 --- a/case1/mi_tables_txt.css +++ /dev/null @@ -1,35 +0,0 @@ -@charset "utf-8"; - -/* - New Perspectives on HTML and CSS - Tutorial 6 - Case Problem 1 - - Tables Style Sheet - Author: - Date: - - Filename: mi_tables.css - -*/ - -/* Table Styles */ - - - -/* Column Styles */ - - - -/* Table Header Styles */ - - - - - - - - - - - diff --git a/case2/jpf_sudoku.css b/case2/jpf_sudoku.css new file mode 100644 index 0000000..9963a9d --- /dev/null +++ b/case2/jpf_sudoku.css @@ -0,0 +1,58 @@ +@charset "utf-8"; + +/* + New Perspectives on HTML5 and CSS3, 7th Edition + Tutorial 6 + Case Problem 2 + + Sudoku Style Sheet + Author: E. Ruiz & James + Date: November 27 2018 + + Filename: jpf_sudoku.css + +*/ + +/* Table Styles */ +table.spuzzle { + margin-top: 0px; + margin-bottom: 0px; + margin-left: auto; + margin-right: auto; + width: 90%; + border-collapse: collapse; +} + +td { + border: 5px outset gray; + width: 33.3%; +} + +th { + color: gray; + padding-right: 10px; + padding-bottom: 10px; +} + +/* Inner Table Styles */ +table.subtable { + border-collapse: collapse; + width: 100%; +} + +table.subtable td { + box-shadow: inset 0px 0px 15px; + border: 1px solid black; + color: blue; + height: 40px; + text-align: center; + vertical-align: center; +} + +td.goldbox { + background-color: rgb(228, 199, 42); +} + +td.greenbox { + background-color: rgb(203, 229, 130); +} diff --git a/case2/jpf_sudoku.html b/case2/jpf_sudoku.html new file mode 100644 index 0000000..2dbe307 --- /dev/null +++ b/case2/jpf_sudoku.html @@ -0,0 +1,308 @@ + + + + + + + + The Sudoku Puzzle + + + + + + +
+ Japanese Puzzle Factory + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Sudoku
123456789
A + + + + + + + + + + + + + + + + +
4
35
+
+ + + + + + + + + + + + + + + + +
53
+
+ + + + + + + + + + + + + + + + +
7
31
2
+
B
C
D + + + + + + + + + + + + + + + + +
69
472
+
+ + + + + + + + + + + + + + + + +
2
9
+
+ + + + + + + + + + + + + + + + +
937
48
+
E
F
G + + + + + + + + + + + + + + + + +
1
45
6
+
+ + + + + + + + + + + + + + + + +
81
+
+ + + + + + + + + + + + + + + + +
52
7
+
H
I
+
+ +
+

To Play

+

Sudoku is played on a 9x9 grid with nine 3x3 boxes + placed within the grid. Enter a digit from 1 to 9 in + each table cell. A few starting numbers have been + supplied for you. The digits from 1 to 9 can appear + only once each in every row, column, and box in the + table (diagonals don't count). Every Sudoku puzzle + has a unique solution. +

+

Good luck!

+
+ + + + + \ No newline at end of file diff --git a/case2/jpf_sudoku_txt.css b/case2/jpf_sudoku_txt.css deleted file mode 100644 index 758307c..0000000 --- a/case2/jpf_sudoku_txt.css +++ /dev/null @@ -1,22 +0,0 @@ -@charset "utf-8"; - -/* - New Perspectives on HTML5 and CSS3, 7th Edition - Tutorial 6 - Case Problem 2 - - Sudoku Style Sheet - Author: - Date: - - Filename: jpf_sudoku.css - -*/ - -/* Table Styles */ - - - -/* Inner Table Styles */ - - diff --git a/case2/jpf_sudoku_txt.html b/case2/jpf_sudoku_txt.html deleted file mode 100644 index fb6b192..0000000 --- a/case2/jpf_sudoku_txt.html +++ /dev/null @@ -1,90 +0,0 @@ - - - - - - - - The Sudoku Puzzle - - - - - -
- Japanese Puzzle Factory - -
- -
-
- -
-

To Play

-

Sudoku is played on a 9x9 grid with nine 3x3 boxes - placed within the grid. Enter a digit from 1 to 9 in - each table cell. A few starting numbers have been - supplied for you. The digits from 1 to 9 can appear - only once each in every row, column, and box in the - table (diagonals don't count). Every Sudoku puzzle - has a unique solution. -

-

Good luck!

-
- - - - - \ No newline at end of file diff --git a/case3/lht_columns.css b/case3/lht_columns.css new file mode 100644 index 0000000..8cc7f80 --- /dev/null +++ b/case3/lht_columns.css @@ -0,0 +1,42 @@ +@charset "utf-8"; + +/* + New Perspectives on HTML and CSS, 7th Edition + Tutorial 6 + Case Problem 3 + + Columns Style Sheet + Author: + Date: + + Filename: lht_columns.css + +*/ + + + +/* Column Styles */ +article { + -moz-column-width: 260px; + -webkit-column-width: 260px; + column-width: 260px; + + -moz-column-gap: 20px; + -webkit-column-gap: 20px; + column-gap: 20px; + + -moz-column-rule: 1px solid rgb(154, 64, 31); + -webkit-column-rule: 1px solid rgb(154, 64, 31); + column-rule: 1px solid rgb(154, 64, 31); + + widows: 2; + orphans: 2; + } + + article h1{ + -moz-column-span: all; + -webkit-column-span: all; + column-span: all; + } + + diff --git a/case3/lht_columns_txt.css b/case3/lht_columns_txt.css deleted file mode 100644 index 0849ed0..0000000 --- a/case3/lht_columns_txt.css +++ /dev/null @@ -1,19 +0,0 @@ -@charset "utf-8"; - -/* - New Perspectives on HTML and CSS, 7th Edition - Tutorial 6 - Case Problem 3 - - Columns Style Sheet - Author: - Date: - - Filename: lht_columns.css - -*/ - - - -/* Column Styles */ - diff --git a/case3/lht_feb.html b/case3/lht_feb.html new file mode 100644 index 0000000..bd9232b --- /dev/null +++ b/case3/lht_feb.html @@ -0,0 +1,355 @@ + + + + + + + + Lyman Hall Theater in February + + + + + + + +
+ The Lyman Hall Theater + +
+ +
+

Coming Up at the Lyman Hall Theater

+

February will be another banner month at the Lyman Hall + Theatre with three performances of the Tony Award winning + musical, West Side Story by the Broadway Touring Company. + Tickets are going fast, so order yours today. +

+ +

Celebrate Valentine's Day with the Chamberlain Symphony and + their special selection of classical music for lovers. Later that + week, exercise your mind by attending the Charles Dickens classic, + The Mystery of Edwin Drood. Can you solve Dickens' + unfinished mystery? +

+ +

Jazz lovers have a lot to celebrate in February with a visit + from the Jazz Masters on February 21st, and then on February + 24th, enjoy the music of The Duke with an Ellington Tribute + performed by the Jazz Company of Kansas City. +

+ +

Pins, bottles, plates, and chairs are flying at the Chamberlain + Civic Center in February. The Taiwan Acrobats return on + February 2nd with another amazing performance. We close out the + month with a visit from the Madtown Jugglers and their unique + blend of comedy, juggling, and madness. +

+ +

Enjoy a classical brunch every Sunday in February with music + provided by the Carson Quartet. Seating is limited, so please order + your table in advance. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
February 2018 Calendar
SunMonTueWedThuFriSat
+

28

+
+
Caron Quartet
+
1 pm
+
$12
+
+
+

29

+
+
Harlem Choir
+
8 pm
+
$18/$24/$32
+
+
+

30

+
+

31

+
+

1

+
+

2

+
+
Taiwan Acrobats
+
8 pm
+
$24/$32/$48
+
+
+

3

+
+
Jowy Gallway
+
8 pm
+
$24/$32/$48
+
+
+

4

+
+
Carson Quartet
+
1 pm
+
$12
+
+
+

5

+
+

6

+
+
Ralph Williams
+
8 pm
+
$24/$36/$42
+
+
+

7

+
+

8

+
+
West Side Story
+
7 pm
+
$36/$48/$64
+
+
+

9

+
+
Jowy Gallway
+
8 pm
+
$24/$32/$48
+
+
+

10

+
+
Jowy Gallway
+
8 pm
+
$24/$32/$48
+
+
+

11

+
+
Carson Quartet
+
1 pm
+
$12
+
+
+

12

+
+

13

+
+

14

+
+
Chamberlain Symphony
+
8 pm
+
$18/$24/$32
+
+
+

15

+
+

16

+
+
Edwin Drood
+
8 pm
+
$36/$48/$58
+
+
+

17

+
+
Edwin Drood
+
8 pm
+
$36/$48/$58
+
+
+

18

+
+
Carson Quartet
+
1 pm
+
$12
+
+
+

19

+
+

20

+
+

21

+
+
Jazz Masters
+
8 pm
+
$18/$24/$32
+
+
+

22

+
+

23

+
+
The Yearling
+
7 pm
+
$12/$18/$24
+
+
+

24

+
+
An Ellington Tribute
+
8 pm
+
$24/$38/$48
+
+
+

25

+
+
Carson Quartet
+
1 pm
+
$12
+
+
+

26

+
+

27

+
+

28

+
+
Madtown Jugglers
+
8 pm
+
$12/$16/$20
+
+
+

1

+
+
Othello
+
8 pm
+
$24/$36/$48
+
+
+

2

+
+
Othello
+
8 pm
+
$24/$36/$48
+
+
+

3

+
+
Othello
+
8 pm
+
$24/$36/$48
+
+
+ + + + + + \ No newline at end of file diff --git a/case3/lht_feb_txt.html b/case3/lht_feb_txt.html deleted file mode 100644 index cc52041..0000000 --- a/case3/lht_feb_txt.html +++ /dev/null @@ -1,105 +0,0 @@ - - - - - - - - Lyman Hall Theater in February - - - - - -
- The Lyman Hall Theater - -
- -
-

Coming Up at the Lyman Hall Theater

-

February will be another banner month at the Lyman Hall - Theatre with three performances of the Tony Award winning - musical, West Side Story by the Broadway Touring Company. - Tickets are going fast, so order yours today. -

- -

Celebrate Valentine's Day with the Chamberlain Symphony and - their special selection of classical music for lovers. Later that - week, exercise your mind by attending the Charles Dickens classic, - The Mystery of Edwin Drood. Can you solve Dickens' - unfinished mystery? -

- -

Jazz lovers have a lot to celebrate in February with a visit - from the Jazz Masters on February 21st, and then on February - 24th, enjoy the music of The Duke with an Ellington Tribute - performed by the Jazz Company of Kansas City. -

- -

Pins, bottles, plates, and chairs are flying at the Chamberlain - Civic Center in February. The Taiwan Acrobats return on - February 2nd with another amazing performance. We close out the - month with a visit from the Madtown Jugglers and their unique - blend of comedy, juggling, and madness. -

- -

Enjoy a classical brunch every Sunday in February with music - provided by the Carson Quartet. Seating is limited, so please order - your table in advance. -

-
- - - - - - \ No newline at end of file diff --git a/case3/lht_tables.css b/case3/lht_tables.css new file mode 100644 index 0000000..c8b5f42 --- /dev/null +++ b/case3/lht_tables.css @@ -0,0 +1,120 @@ +@charset "utf-8"; + +/* + New Perspectives on HTML and CSS, 7th Edition + Tutorial 6 + Case Problem 3 + + Calendar Style Sheet + Author: E. Ruiz & James + Date: November 27 2018 + + Filename: lht_tables.css + +*/ + +/* =============================== + Mobile Styles: 0px to 640px + =============================== +*/ +@media only screen and (max-width: 640px) { + table, tbody, tr, td, th, caption { + display: block; + } + + thead, h1 { + display: none; + } + + table caption { + color: white; + background-color: gray; + font-size: 1.5em; + line-height: 2em; + } + + td { + border: 1px dotted gray; + color: rgb(11, 12, 145); + position: relative; + padding-left: 40%; + min-height: 40px; + } + + tr:nth-of-type(odd) { + background-color: rgb(255, 235, 178); + border: 2px solid gray; + } + + td::before { + content: " " attr(data-date) " "; + position: absolute; + left: 0px; + right: 0px; + width: 40%; + padding: 5px; + } +} + + + + +/* ============================================= + Tablet and Desktop Styles: greater than 640px + ============================================= +*/ +@media only screen and (min-width: 641px) { + table { + background: url(lht_photo1.png) bottom right / 40% no-repeat content-box; + border: 6px double rgb(154, 64, 3); + border-collapse: collapse; + margin-top: 20px; + margin-bottom: 20px; + margin-left: auto; + margin-right: auto; + table-layout: fixed; + width: 85%; + } + + th, td { + border: 1px solid gray; + font-size: 0.85em; + font-weight: normal; + padding: 5px; + vertical-align: top; + width: 14.28%; + word-wrap: break; + } + + td { + background: rbga(171, 171, 171, 0.6); + color: rgb(11, 12, 145); + } + + td[data-date~=Feb] { + background-color: rgba(232, 214, 148, 0.6); + box-shadow: inset gray 0px 0px 20px; + } + + table caption { + display: top; + text-align: center; + padding-bottom: 10px; + font-size: 1.2em; + letter-spacing: 3px; + } + + thead th { + background-color: rgb(154, 64, 3); + } +} + + + + + + + + + + diff --git a/case3/lht_tables_txt.css b/case3/lht_tables_txt.css deleted file mode 100644 index 0d3a542..0000000 --- a/case3/lht_tables_txt.css +++ /dev/null @@ -1,27 +0,0 @@ -@charset "utf-8"; - -/* - New Perspectives on HTML and CSS, 7th Edition - Tutorial 6 - Case Problem 3 - - Calendar Style Sheet - Author: - Date: - - Filename: lht_tables.css - -*/ - -/* =============================== - Mobile Styles: 0px to 640px - =============================== -*/ - - - - -/* ============================================= - Tablet and Desktop Styles: greater than 640px - ============================================= -*/ diff --git a/case4/hcc_schedule.css b/case4/hcc_schedule.css new file mode 100644 index 0000000..92069f2 --- /dev/null +++ b/case4/hcc_schedule.css @@ -0,0 +1,48 @@ +/* + New Perspectives on HTML and CSS, 7th Edition + Tutorial 6 + Case Problem 4 + + Schedule Table Style Sheet + Author: + Date: + + Filename: hcc_schedule.css + Supporting Files: + +*/ + +table{ + background-color: rgb(203, 226, 245); + width: 90%; + margin-left: auto; + margin-right: auto; +} + +thead th { + border: 3px solid black; +} + +tbody td, tbody th{ + border: 3px solid black; +} + +tbody td { + vertical-align: top; + text-align: center; +} + +thead th { + column-width: 300px; +} + +tfoot { + background-color: black; + color: white; + text-align: center; + width: 100%; +} + +caption { + padding-top: 60px; +} \ No newline at end of file diff --git a/case4/hcc_schedule.html b/case4/hcc_schedule.html new file mode 100644 index 0000000..1029f0a --- /dev/null +++ b/case4/hcc_schedule.html @@ -0,0 +1,382 @@ + + + + + + + + + + + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Reservations for Conference Rooms Tuesday, April 10 +
TimeSunrise RoomMountain View RoomArbor Hall Mitchell TheaterGold RoomBlue RoomGreen Room
Facility Closes at 5 O'clock
8:00 amMarriage EncounterBreakfast Club of OhioComputer Expo Set-UpAvailable Available Available Available
8:30 am
9:00 amAvailableThe Tompkins GroupRetirement PlanningDrivers' Ed
9:30 am
10:00 amAvailable
10:30 amPearson PlanningThe Senior Group
11:00 amOhio Conference of LibrariansMovie Club
11:30 am
12:00 pmMarriage Encounter LuncheonUnavailableUnavailableSenior Luncheon
12:30 pm
1:00 pmAvailableAvailableComputer Expo Opening SessionSenior Classes
1:30 pm Available
2:00 pmOhio Book Resale SetupMothers of Multiples
2:30 pm
3:00 pmMarriage Encounter TalksYouth Theatre +
3:30 pmTeen ConnectionTutoringTutoring
4:00 pm
4:30 pm
Maximum Room
Capacity
80 People150 People190 People120 People40 People 30 People 55 People
+ +
+

To reserve a room, please contact Yancy Inwe at extension 388 or by e-mail at yancyinwe@hconfcenter.org. + Reservations should be made at least 48 hours in advance. Cancellations require 24 hour notice. Room deposits will + not be returned for cancellations within 24 hours of the scheduled event.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Sunrise Room
Maximum Room Capacity: 80 People
8:00 amMarriage Encounter
10:00 amAvailable
12:00 pmMarriage Encounter Luncheon
1:00 pmAvailable
3:00 pmMarriage Encounter Talks
Mountain View Room
Maximum Room Capacity: 150 People
8:00 amBreakfast Club of Ohio
9:00 amAvailable
11:00 amMarriage Encounter Luncheon
1:00 pmAvailable
2:00 pmMarriage Encounter Talks
Arbor Hall
Maximum Room Capacity: 190 People
8:00 amComputer Expo Set-Up
12:00 pmUnavailable
1:00 pmComputer Expo Opening Session
Mitchell Theater
Maximum Room Capacity: 120 People
8:00 amAvailable
3:00 pmYouth Theatre
Gold Room
Maximum Room Capacity: 40 People
8:00 amAvailable
9:00 amThe Tompkins Group
10:30 amPearson Planning
12:00 pmUnavailable
2:00 pmMothers of Multiples
3:30 pmTeen Connection
Blue Room
Maximum Room Capacity: 30 People
8:00 amAvailable
9:00 amRetirement Planning
10:30 amThe Senior Group
12:00 pmSenior Luncheon
1:00 pmSenior Classes
3:00 pmTutoring
Green Room
Maximum Room Capacity: 55 People
8:00 amUnavailable
9:00 amDriver's Ed
11:00 amMovie Club
1:30 pmAvailable
3:00 pmTutoring
+ + + + + + diff --git a/case4/hcc_schedule_txt.css b/case4/hcc_schedule_txt.css deleted file mode 100644 index 5bd8aaa..0000000 --- a/case4/hcc_schedule_txt.css +++ /dev/null @@ -1,13 +0,0 @@ -/* - New Perspectives on HTML and CSS, 7th Edition - Tutorial 6 - Case Problem 4 - - Schedule Table Style Sheet - Author: - Date: - - Filename: hcc_schedule.css - Supporting Files: - -*/ diff --git a/case4/hcc_schedule_txt.html b/case4/hcc_schedule_txt.html deleted file mode 100644 index dfa6f23..0000000 --- a/case4/hcc_schedule_txt.html +++ /dev/null @@ -1,22 +0,0 @@ - - - - - - - - - - - \ No newline at end of file diff --git a/case4/hcc_styles.css b/case4/hcc_styles.css new file mode 100644 index 0000000..f8d9eba --- /dev/null +++ b/case4/hcc_styles.css @@ -0,0 +1,159 @@ +/* + New Perspectives on HTML and CSS, 7th Edition + Tutorial 6 + Case Problem 4 + + Hamilton Conference Center Style Sheet + Author: + Date: + + Filename: hcc_styles.css + Supporting files: + +*/ + +/* Mobile Styles (<640px) */ +@media only screen and (max-width: 640px) { + .desktop { + display: none; + } + + table {width: 100%;} + + table, tbody, tr, td, th, caption { + display: block; + } + + thead, h1 { + display: none; + } + + + table { + border-collapse: collapse; + background-color: #f2f2f2; + } + + tr { + margin-left: auto; + margin-right: auto; + width: 100%; + } + + td.time { + text-align: left; + display: inline-block; + width: 50%; + padding-left: 10%; + } + + td.event { + text-align: right; + display: inline-block; + width: 100%; + } + + td.max { + text-align: center; + display: inline; + } + + a { + text-decoration: none; + text-align: center; + color: #404040; + } + + li { + list-style-type: none; + display: block; + float: left; + margin-left: auto; + margin-right: auto; + width: 25%; + text-align: center; + padding-top: 5px; + padding-bottom: 10px; + } + + ul { + display: inline; + margin: 0px; + padding-left: 0px; + text-align: center; + } + + th { + background-color: rgb(203, 226, 245);; + } + +} +/*Desktop Styles (>641px) */ +@media only screen and (min-width: 641px) { + .mobile {display: none;} + + /* Table Styles */ + + body{ + background-color: #f2f2f2; + } + + table{ + background-color: rgb(203, 226, 245); + width: 92%; + margin-left: auto; + margin-right: auto; + border: 10px solid white; + } + + thead th { + border: 3px solid black; + } + + tbody td, tbody th{ + border: 3px solid black; + } + + tbody td { + vertical-align: top; + text-align: center; + } + + thead th { + column-width: 300px; + } + + tfoot { + background-color: black; + color: white; + text-align: center; + width: 100%; + } + + caption { + padding-top: 30px; + font-size: 2em; + } + + + /* Horizontal Navigation Bar Styles */ + nav ul li { + float: left; + width: 12.5%; + list-style-type: none; + text-align: center; + } + + a { + text-decoration: none; + color: #404040; + font-size: 1.05em; + } + + p { + clear: both; + text-align: center; + font-size: 1.2em; + } +} + diff --git a/case4/hcc_styles_txt.css b/case4/hcc_styles_txt.css deleted file mode 100644 index 8ab480c..0000000 --- a/case4/hcc_styles_txt.css +++ /dev/null @@ -1,14 +0,0 @@ -/* - New Perspectives on HTML and CSS, 7th Edition - Tutorial 6 - Case Problem 4 - - Hamilton Conference Center Style Sheet - Author: - Date: - - Filename: hcc_styles.css - Supporting files: - -*/ - diff --git a/index.html b/index.html index 3a65fb4..7191fe4 100644 --- a/index.html +++ b/index.html @@ -3,16 +3,16 @@ - Tutorial 5 + Tutorial 6 @@ -20,15 +20,15 @@
-

Tutorial 5 links

+

Tutorial 6 links

diff --git a/review/dlr_columns2.css b/review/dlr_columns2.css new file mode 100644 index 0000000..1dd7389 --- /dev/null +++ b/review/dlr_columns2.css @@ -0,0 +1,34 @@ +@charset "utf-8"; + +/* + New Perspectives on HTML and CSS + Tutorial 6 + Review Assignment + + Columns Style Sheet + Author: James Allen & E. Ruiz + Date: November 20, 2018 + + Filename: dlr_columns2.css + +*/ + + + +/* Column Styles */ +@media only screen and (min-width: 641px) { + p { + -moz-column-count: 3; + -webkit-column-count: 3; + column-count: 3; + + -moz-column-gap: 20px; + -webkit-column-gap: 20px; + column-gap: 20px; + + -moz-column-rule: 1px solid black; + -webkit-column-rule: 1px solid black; + column-rule: 1px solid black; + } + +} \ No newline at end of file diff --git a/review/dlr_columns2_txt.css b/review/dlr_columns2_txt.css deleted file mode 100644 index 0ef6bdb..0000000 --- a/review/dlr_columns2_txt.css +++ /dev/null @@ -1,20 +0,0 @@ -@charset "utf-8"; - -/* - New Perspectives on HTML and CSS - Tutorial 6 - Review Assignment - - Columns Style Sheet - Author: - Date: - - Filename: dlr_columns2.css - -*/ - - - -/* Column Styles */ - - diff --git a/review/dlr_mornings.html b/review/dlr_mornings.html new file mode 100644 index 0000000..4590076 --- /dev/null +++ b/review/dlr_mornings.html @@ -0,0 +1,174 @@ + + + + + + + + DLR Morning Schedule + + + + + + + +
+

Listener Supported Since 1975

+ +
+ +
+ +
+ DLR +

DLR Morning Schedule

+

DLR airs listener-supported public radio in Bismarck, North Dakota from + 5:00 a.m. to 10:30 p.m.
You can Listen Live to streaming audio + of our broadcast or download programs from our Podcast. +
Please refer below for our current morning schedule.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
All Times Central
TimeMonTueWedThurFriSatSun
Support your Public Radio Station
5:00Dawn AirDawn Air WeekendsSunday Magazine
5:30
6:00 Weekend Reflections
6:30
7:00Local NewsWeekend WrapRadio U
7:30World News Feed
8:00Classical RootsWhat Can You Say?University on the Air
8:30
9:00
9:30Animal Talk
10:00Symphony CityWord Play
10:30Brain Stew
11:00 Opera Live from the East Coast The Inner Mind
11:30Grammar Rules!!
12:00 Book Club Weekend Wrap
+ +
+ +
+ + + + + diff --git a/review/dlr_mornings_txt.html b/review/dlr_mornings_txt.html deleted file mode 100644 index f90b239..0000000 --- a/review/dlr_mornings_txt.html +++ /dev/null @@ -1,61 +0,0 @@ - - - - - - - - DLR Morning Schedule - - - - - -
-

Listener Supported Since 1975

- -
- -
- -
- DLR -

DLR Morning Schedule

-

DLR airs listener-supported public radio in Bismarck, North Dakota from - 5:00 a.m. to 10:30 p.m.
You can Listen Live to streaming audio - of our broadcast or download programs from our Podcast. -
Please refer below for our current morning schedule.

- -
- -
- - - - - \ No newline at end of file diff --git a/review/dlr_tables2.css b/review/dlr_tables2.css new file mode 100644 index 0000000..3726480 --- /dev/null +++ b/review/dlr_tables2.css @@ -0,0 +1,84 @@ +@charset "utf-8"; + +/* + New Perspectives on HTML and CSS + Tutorial 6 + Review Assignment + + Tables Style Sheet + Author: James Allen & E. Ruiz + Date: November 20, 2018 + + Filename: dlr_tables2.css + +*/ + +/* Table Styles */ +table { + width: 100%; + border: 15px outset rgb(151, 151, 151); + border-collapse: collapse; + font-family: Arial, Verdana, sans-serif; +} + +tr { + height: 30px; +} + +th, td { + border: 1px solid gray; + vertical-align: top; + padding: 5px; +} + + +/* Table Caption Styles */ +table caption { + caption-side: bottom; + text-align: center; +} + + +/* Table Column Styles */ +col.timeColumn { + width: 10%; + background-color: rgb(215, 205, 151); +} + +col.wDayColumns { + width: 11%; + background-color: rgb(236, 255, 211); +} + +col.wEndColumns { + width: 17%; + background-color: rgb(255, 231, 255); +} + + +/* Table Header Styles */ +thead { + color: white; + background-color: rgb(105, 177, 60); +} + +thead th:first-of-type { + background-color: rgb(153, 86, 7); +} + +thead th:nth-of-type(7), thead th:nth-of-type(8) { + background-color: rgb(153, 0, 153); +} + + +/* Table Footer Styles */ +tfoot { + color: white; + background-color: black; +} + + + + + + diff --git a/review/dlr_tables2_txt.css b/review/dlr_tables2_txt.css deleted file mode 100644 index 4c58fb9..0000000 --- a/review/dlr_tables2_txt.css +++ /dev/null @@ -1,39 +0,0 @@ -@charset "utf-8"; - -/* - New Perspectives on HTML and CSS - Tutorial 6 - Review Assignment - - Tables Style Sheet - Author: - Date: - - Filename: dlr_tables2.css - -*/ - -/* Table Styles */ - - - -/* Table Caption Styles */ - - - -/* Table Column Styles */ - - - -/* Table Header Styles */ - - - -/* Table Footer Styles */ - - - - - - - diff --git a/tutorial/dlr_columns.css b/tutorial/dlr_columns.css new file mode 100644 index 0000000..2155dd5 --- /dev/null +++ b/tutorial/dlr_columns.css @@ -0,0 +1,42 @@ +@charset "utf-8"; + +/* + New Perspectives on HTML and CSS + Tutorial 6 + Tutorial Case + + Columns Style Sheet + Author: E. Ruiz / James + Date: November 20 2018 + + Filename: dlr_columns.css + +*/ + + + +/* Column Styles */ +@media only screen and (min-width: 641px) { + article { + -moz-column-count: 2; + -webkit-column-count: 2; + column-count: 2; + + -moz-column-gap: 30px; + -webkit-column-gap: 30px; + column-gap: 30px; + + -moz-column-rule: 2px solid gray; + -webkit-column-rule: 2px solid gray; + column-rule: 2px solid gray; + + widows: 3; + orphans: 3; + } + + article h1 { + -moz-column-span: all; + -webkit-column-span: all; + column-span: all; + } +} diff --git a/tutorial/dlr_columns_txt.css b/tutorial/dlr_columns_txt.css deleted file mode 100644 index b14a401..0000000 --- a/tutorial/dlr_columns_txt.css +++ /dev/null @@ -1,19 +0,0 @@ -@charset "utf-8"; - -/* - New Perspectives on HTML and CSS - Tutorial 6 - Tutorial Case - - Columns Style Sheet - Author: - Date: - - Filename: dlr_columns.css - -*/ - - - -/* Column Styles */ - diff --git a/tutorial/dlr_evenings_txt.html b/tutorial/dlr_evenings.html similarity index 60% rename from tutorial/dlr_evenings_txt.html rename to tutorial/dlr_evenings.html index 9a7c4ad..8b01ea9 100644 --- a/tutorial/dlr_evenings_txt.html +++ b/tutorial/dlr_evenings.html @@ -18,7 +18,8 @@ DLR Nightly Schedule - + + @@ -49,6 +50,86 @@

DLR Nightly Schedule

You can Listen Live to streaming audio of our broadcast. Please refer below for our current nightly schedule.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
All Times Central
TimeMonTueWedThurFriSatSun
DLR ends broadcast day at 10:30p.m.
6:00 PMNational News
6:30 PMWorld News
7:00 PMOpera FestRadio UScience WeekThe Living WorldWord PlayAgri-WeekFolk Fest
7:30 PM Brain StewBismarck Forum
8:00 PMThe Classical Music ConnectionOld Time RadioSaturday Nite JazzThe Indie Connection
8:30 PMThe Inner Mind
9:00 PMOpen Mike Nite
9:30 PM
10:00 PMWorld News Feed
@@ -90,4 +171,4 @@

April 14
- \ No newline at end of file + diff --git a/tutorial/dlr_lw0414_txt.html b/tutorial/dlr_lw0414.html similarity index 97% rename from tutorial/dlr_lw0414_txt.html rename to tutorial/dlr_lw0414.html index 405e4d1..8762510 100644 --- a/tutorial/dlr_lw0414_txt.html +++ b/tutorial/dlr_lw0414.html @@ -7,8 +7,8 @@ Tutorial Case The Living World: April 14 - Author: - Date: + Author: E. Ruiz / James + Date: November 20 2018 Filename: dlr_lw0414.html @@ -19,6 +19,7 @@ The Living World: April 14 + diff --git a/tutorial/dlr_tables.css b/tutorial/dlr_tables.css new file mode 100644 index 0000000..7b51e5c --- /dev/null +++ b/tutorial/dlr_tables.css @@ -0,0 +1,71 @@ +@charset "utf-8"; + +/* + New Perspectives on HTML and CSS + Tutorial 6 + Tutorial Case + + Tables Style Sheet + Author: E. Ruiz / James + Date: November 20 2018 + + Filename: dlr_tables.css + +*/ + +/* Table Styles */ +table.schedule { + background:white; + border: 10px outset rgb(153, 0, 153); + border-collapse: collapse; + font-size: 0.75em; + width: 100%; + } + + +/* Table Cell Styles */ +table.schedule th, table.schedule td { + border: 1px solid gray; + padding: 5px; + vertical-align: top; +} + + +/* Table Caption Styles */ +table.schedule caption { + caption-side: bottom; + text-align: right; +} + + +/* Row Group Styles */ +table.schedule thead { + background: rgb(153, 0, 153); + color: white; +} + +table.schedule tfoot { + background: black; + color: white; +} + +table.schedule thead tr { + height: 30px; +} + +table.schedule tbody tr { + height: 40px; +} + + +/* Column Group Styles */ +col#firstCol { + background: rgb(218, 210, 218); + width: 16%; +} + +col.dayCols { + background: rgb(255, 220, 255); + width: 12%; +} + diff --git a/tutorial/dlr_tables_txt.css b/tutorial/dlr_tables_txt.css deleted file mode 100644 index 4c595cd..0000000 --- a/tutorial/dlr_tables_txt.css +++ /dev/null @@ -1,33 +0,0 @@ -@charset "utf-8"; - -/* - New Perspectives on HTML and CSS - Tutorial 6 - Tutorial Case - - Tables Style Sheet - Author: - Date: - - Filename: dlr_tables.css - -*/ - -/* Table Styles */ - - - -/* Table Cell Styles */ - - - -/* Table Caption Styles */ - - - -/* Row Group Styles */ - - - -/* Column Group Styles */ -