By GokiSoft.com|
21:11 18/10/2023|
Học HTML5 - CSS3
Thiết kế calendar page bằng HTML5/CSS - Tạo website calendar HTML5/CSS
Tags:
Phản hồi từ học viên
5
(Dựa trên đánh giá ngày hôm nay)
![hainguyen [T2008A]](https://www.gravatar.com/avatar/32855ce6db55d60134d830aee06b41e5.jpg?s=80&d=mm&r=g)
hainguyen
2020-10-11 12:51:13
https://nguyenbahai.herokuapp.com/BTText1577/Attendance.html
![Do Trung Duc [T2008A]](https://www.gravatar.com/avatar/2973ac07124f066b4605c535e8d39a99.jpg?s=80&d=mm&r=g)
Do Trung Duc
2020-10-11 09:05:25
https://gokisoft10.herokuapp.com/buoi3/baitapgokisoft/Calendar_Page/Calendar.html
![Đức Sơn [T2008A]](https://www.gravatar.com/avatar/d2b971b7bc54e4a9689c3e2240f27949.jpg?s=80&d=mm&r=g)
Đức Sơn
2020-10-11 07:05:55
#week4.html
<!DOCTYPE html>
<html>
<head>
<title>Week 4</title>
<meta charset="utf-8">
<style type="text/css">
h2{
text-align: center;
text-decoration: underline;
}
body {
background-color: #FFFFCC;
}
#navigation {
position: fixed;
margin-left: 50%;
text-align: center;
}
#tablesectionOne {
table-layout: fixed;
text-align: center;
background-color: #FFFFDD;
position: fixed;
margin-top: 7px;
}
#tablesectionTwo {
table-layout: fixed;
text-align: center;
background-color: #FFFFDD;
position: fixed;
margin-top: 7px;
}
#tablesectionThree {
table-layout: fixed;
text-align: center;
background-color: #FFFFDD;
position: ;
margin-top: 7px;
}
#tablesectionFour {
table-layout: fixed;
text-align: center;
background-color: #FFFFDD;
position: fixed;
margin-top: 7px;
}
.CAPTION {
background-color: rgb(255,185,115);
font-family: arial;
font-size: 1em;
}
th {
border-style: solid;
border-color: #D0D0D0;
empty-cells: show;
}
td {
border-style: solid;
border-color: #D0D0D0;
empty-cells: show;
}
.qq {
border-style: solid;
border-width: thin;
border-color: white;
border-left: 20px;
border-right: 20px;
border-radius: 15px;
display: inline-block;
padding-left: 15px;
padding-right: 15px;
font-size: 25px;
}
</style>
</head>
<body>
<h2>Attendance Sheet</h2><br>
<b><li class="qq"> Week 4</li></b>
<div id="show">
<table class="table">
<tr>
<th></th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
<th>Total</th>
</tr>
<tr>
<td>Jone</td>
<td>P</td>
<td>P</td>
<td>P</td>
<td>P</td>
<td></td>
<td>P</td>
<td>5</td>
</tr>
<tr>
<td>Smith</td>
<td></td>
<td>P</td>
<td>P</td>
<td>P</td>
<td></td>
<td>P</td>
<td>4</td>
</tr>
<tr>
<td>David</td>
<td>P</td>
<td>P</td>
<td>P</td>
<td>P</td>
<td>P</td>
<td>P</td>
<td>6</td>
</tr>
<tr>
<td>Mark</td>
<td>P</td>
<td></td>
<td>P</td>
<td></td>
<td>P</td>
<td></td>
<td>3</td>
</tr>
</table>
</div>
</body>
</html>
![Đức Sơn [T2008A]](https://www.gravatar.com/avatar/d2b971b7bc54e4a9689c3e2240f27949.jpg?s=80&d=mm&r=g)
Đức Sơn
2020-10-11 07:05:35
#week3.html
<!DOCTYPE html>
<html>
<head>
<title>Week 3</title>
<meta charset="utf-8">
<style type="text/css">
h2{
text-align: center;
text-decoration: underline;
}
body {
background-color: #FFFFCC;
}
#navigation {
position: fixed;
margin-left: 50%;
text-align: center;
}
#tablesectionOne {
table-layout: fixed;
text-align: center;
background-color: #FFFFDD;
position: fixed;
margin-top: 7px;
}
#tablesectionTwo {
table-layout: fixed;
text-align: center;
background-color: #FFFFDD;
position: fixed;
margin-top: 7px;
}
#tablesectionThree {
table-layout: fixed;
text-align: center;
background-color: #FFFFDD;
position: ;
margin-top: 7px;
}
#tablesectionFour {
table-layout: fixed;
text-align: center;
background-color: #FFFFDD;
position: fixed;
margin-top: 7px;
}
.CAPTION {
background-color: rgb(255,185,115);
font-family: arial;
font-size: 1em;
}
th {
border-style: solid;
border-color: #D0D0D0;
empty-cells: show;
}
td {
border-style: solid;
border-color: #D0D0D0;
empty-cells: show;
}
.qq {
border-style: solid;
border-width: thin;
border-color: white;
border-left: 20px;
border-right: 20px;
border-radius: 15px;
display: inline-block;
padding-left: 15px;
padding-right: 15px;
font-size: 25px;
}
</style>
</head>
<body>
<h2>Attendance Sheet</h2><br>
<b><li class="qq"> Week 3</li></b>
<div id="show">
<table class="table">
<tr>
<th></th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
<th>Total</th>
</tr>
<tr>
<td>Jone</td>
<td>P</td>
<td>P</td>
<td>P</td>
<td>P</td>
<td></td>
<td>P</td>
<td>5</td>
</tr>
<tr>
<td>Smith</td>
<td></td>
<td>P</td>
<td>P</td>
<td>P</td>
<td></td>
<td>P</td>
<td>4</td>
</tr>
<tr>
<td>David</td>
<td>P</td>
<td>P</td>
<td>P</td>
<td>P</td>
<td>P</td>
<td>P</td>
<td>6</td>
</tr>
<tr>
<td>Mark</td>
<td>P</td>
<td></td>
<td>P</td>
<td></td>
<td>P</td>
<td></td>
<td>3</td>
</tr>
</table>
</div>
</body>
</html>
![Đức Sơn [T2008A]](https://www.gravatar.com/avatar/d2b971b7bc54e4a9689c3e2240f27949.jpg?s=80&d=mm&r=g)
Đức Sơn
2020-10-11 07:01:53
#week2.html
<!DOCTYPE html>
<html>
<head>
<title>Week 2</title>
<meta charset="utf-8">
<style type="text/css">
h2{
text-align: center;
text-decoration: underline;
}
body {
background-color: #FFFFCC;
}
#navigation {
position: fixed;
margin-left: 50%;
text-align: center;
}
#tablesectionOne {
table-layout: fixed;
text-align: center;
background-color: #FFFFDD;
position: fixed;
margin-top: 7px;
}
#tablesectionTwo {
table-layout: fixed;
text-align: center;
background-color: #FFFFDD;
position: fixed;
margin-top: 7px;
}
#tablesectionThree {
table-layout: fixed;
text-align: center;
background-color: #FFFFDD;
position: ;
margin-top: 7px;
}
#tablesectionFour {
table-layout: fixed;
text-align: center;
background-color: #FFFFDD;
position: fixed;
margin-top: 7px;
}
.CAPTION {
background-color: rgb(255,185,115);
font-family: arial;
font-size: 1em;
}
th {
border-style: solid;
border-color: #D0D0D0;
empty-cells: show;
}
td {
border-style: solid;
border-color: #D0D0D0;
empty-cells: show;
}
.qq {
border-style: solid;
border-width: thin;
border-color: white;
border-left: 20px;
border-right: 20px;
border-radius: 15px;
display: inline-block;
padding-left: 15px;
padding-right: 15px;
font-size: 25px;
}
</style>
</head>
<body>
<h2>Attendance Sheet</h2><br>
<b><li class="qq"> Week 2</li></b>
<div id="show">
<table class="table">
<tr>
<th></th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
<th>Total</th>
</tr>
<tr>
<td>Jone</td>
<td>P</td>
<td>P</td>
<td>P</td>
<td>P</td>
<td></td>
<td>P</td>
<td>5</td>
</tr>
<tr>
<td>Smith</td>
<td></td>
<td>P</td>
<td>P</td>
<td>P</td>
<td></td>
<td>P</td>
<td>4</td>
</tr>
<tr>
<td>David</td>
<td>P</td>
<td>P</td>
<td>P</td>
<td>P</td>
<td>P</td>
<td>P</td>
<td>6</td>
</tr>
<tr>
<td>Mark</td>
<td>P</td>
<td></td>
<td>P</td>
<td></td>
<td>P</td>
<td></td>
<td>3</td>
</tr>
</table>
</div>
</body>
</html>
![Đức Sơn [T2008A]](https://www.gravatar.com/avatar/d2b971b7bc54e4a9689c3e2240f27949.jpg?s=80&d=mm&r=g)
Đức Sơn
2020-10-11 07:01:06
#Week1.html
<!DOCTYPE html>
<html>
<head>
<title>Week 1</title>
<meta charset="utf-8">
<style type="text/css">
h2{
text-align: center;
text-decoration: underline;
}
body {
background-color: #FFFFCC;
}
#navigation {
position: fixed;
margin-left: 50%;
text-align: center;
}
#tablesectionOne {
table-layout: fixed;
text-align: center;
background-color: #FFFFDD;
position: fixed;
margin-top: 7px;
}
#tablesectionTwo {
table-layout: fixed;
text-align: center;
background-color: #FFFFDD;
position: fixed;
margin-top: 7px;
}
#tablesectionThree {
table-layout: fixed;
text-align: center;
background-color: #FFFFDD;
position: ;
margin-top: 7px;
}
#tablesectionFour {
table-layout: fixed;
text-align: center;
background-color: #FFFFDD;
position: fixed;
margin-top: 7px;
}
.CAPTION {
background-color: rgb(255,185,115);
font-family: arial;
font-size: 1em;
}
th {
border-style: solid;
border-color: #D0D0D0;
empty-cells: show;
}
td {
border-style: solid;
border-color: #D0D0D0;
empty-cells: show;
}
.qq {
border-style: solid;
border-width: thin;
border-color: white;
border-left: 20px;
border-right: 20px;
border-radius: 15px;
display: inline-block;
padding-left: 15px;
padding-right: 15px;
font-size: 25px;
}
</style>
</head>
<body>
<h2>Attendance Sheet</h2><br>
<b><li class="qq"> Week 1</li></b>
<div id="show">
<table class="table">
<tr>
<th></th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
<th>Total</th>
</tr>
<tr>
<td>Jone</td>
<td>P</td>
<td>P</td>
<td>P</td>
<td>P</td>
<td></td>
<td>P</td>
<td>5</td>
</tr>
<tr>
<td>Smith</td>
<td></td>
<td>P</td>
<td>P</td>
<td>P</td>
<td></td>
<td>P</td>
<td>4</td>
</tr>
<tr>
<td>David</td>
<td>P</td>
<td>P</td>
<td>P</td>
<td>P</td>
<td>P</td>
<td>P</td>
<td>6</td>
</tr>
<tr>
<td>Mark</td>
<td>P</td>
<td></td>
<td>P</td>
<td></td>
<td>P</td>
<td></td>
<td>3</td>
</tr>
</table>
</div>
</body>
</html>
![Đức Sơn [T2008A]](https://www.gravatar.com/avatar/d2b971b7bc54e4a9689c3e2240f27949.jpg?s=80&d=mm&r=g)
Đức Sơn
2020-10-11 07:00:26
#Attendance.html
<!DOCTYPE html>
<html>
<head>
<title>Weekly Attendance Sheet</title>
<meta charset="utf-8">
<style type="text/css">
h2{
text-align: center;
text-decoration: underline;
}
body {
background-color: #FFFFCC;
}
#navigation {
position: fixed;
margin-left: 50%;
text-align: center;
}
#tablesectionOne {
table-layout: fixed;
text-align: center;
background-color: #FFFFDD;
position: fixed;
margin-top: 7px;
}
#tablesectionTwo {
table-layout: fixed;
text-align: center;
background-color: #FFFFDD;
position: fixed;
margin-top: 7px;
}
#tablesectionThree {
table-layout: fixed;
text-align: center;
background-color: #FFFFDD;
position: ;
margin-top: 7px;
}
#tablesectionFour {
table-layout: fixed;
text-align: center;
background-color: #FFFFDD;
position: fixed;
margin-top: 7px;
}
.CAPTION {
background-color: rgb(255,185,115);
font-family: arial;
font-size: 1em;
}
th {
border-style: solid;
border-color: #D0D0D0;
empty-cells: show;
}
td {
border-style: solid;
border-color: #D0D0D0;
empty-cells: show;
}
.qq {
border-style: solid;
border-width: thin;
border-color: white;
border-left: 20px;
border-right: 20px;
border-radius: 15px;
display: inline-block;
padding-left: 15px;
padding-right: 15px;
font-size: 25px;
}
</style>
</head>
<body>
<h2>Attendance Sheet</h2><br>
<li class="qq"></li>
<h2><a href="file:///C:/HlML/kgifyuf.html">Week 1</a></h2>
<li class="qq"></li>
<h2><a href="file:///C:/HlML/week2.html">Week 2</a></h2>
<li class="qq"></li>
<h2><a href="file:///C:/HlML/week3.html">Week 3</a></h2>
<li class="qq"></li>
<h2><a href="file:///C:/HlML/week4.html">Week 4</a></h2>
</body>
</html>
![vuong huu phu [T2008A]](https://www.gravatar.com/avatar/307a5cf29780afab49706dc8b15b86c6.jpg?s=80&d=mm&r=g)
vuong huu phu
2020-10-10 10:56:55
https://dddeee22.herokuapp.com/bai3/Attendance.html
![Nguyễn đình quân [T2008A]](https://www.gravatar.com/avatar/46aca6afcfe99fdb28357afb847d8a0c.jpg?s=80&d=mm&r=g)
Nguyễn đình quân
2020-10-09 17:08:13
#baihoc1.5.html
<!DOCTYPE html>
<html>
<head>
<title>Attendance.html</title>
<style type="text/css">
body {
background-image: url('yellow')
background-repeat: no-repeat;
background-size: cover;
}
h1 {
color: black;
text-align: center;
text-transform: capitalize;
text-decoration: underline;
}
img {
width: 250px;
min-width: 500px;
max-width: 1000px;
}
ul {
color: black;
font-size: 20px
}
#li_abc {
text-transform: uppercase;
text-decoration: underline;
}
</style>
<head><style type="text/css">
table,th,td{
border:1px solid black;
}
</style>
</head>
<body>
<h1>Attendance Sheet</h1>
<table>
<tr>
<h1><th><a href="file:///C:/Users/nguye/Documents/Quan/bailam1.1.html">Week 1</a></th></h1>
<h1><th><a href="file:///C:/Users/nguye/Documents/Quan/bailam1.2.html">Week 2</a></th></h1>
<th><a href="file:///C:/Users/nguye/Documents/Quan/bailam1.3.html">Week 3</a></th>
<th><a href="file:///C:/Users/nguye/Documents/Quan/bailam1.4.html">Week 4</a></th>
</head>
</tr>
</table>
</body>
</html>
<body style="background: #FFFFCC">
</body>
#bailam1.1.html
<!DOCTYPE html>
<html>
<head>
<title> Attendance1.html</title>
<html>
</head>
<title>CSS Tutorial</title>
<style type="text/css">
body {
background-image: url('https://zicxa.com/hinh-anh/wp-content/uploads/2019/07/T%E1%BB%95ng-h%E1%BB%A3p-h%C3%ACnh-%E1%BA%A3nh-anime-galaxy-phong-c%E1%BA%A3nh-%C4%91%E1%BA%B9p-nh%E1%BA%A5t-50.jpg');
background-repeat: no-repeat;
background-size: cover;
}
h1 {
color: black;
text-align: center;
text-transform: capitalize;
text-decoration: underline;
}
img {
width: 250px;
min-width: 500px;
max-width: 1000px;
}
ul {
color: black;
font-size: 20px;
}
#li_abc {
text-transform: uppercase;
text-decoration: underline;
}
</style>
<head>
<style type="text/css">
table,th,td{
border:1px solid black;
}
</style>
</head>
<body>
<table>
<body>
<h1></h1>
<h2 class="text-black"></h2>
<tr>
<th colspan="8">Week1</th>
</tr>
<tr>
<th></th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
<th>total</th>
</tr>
<tr>
<td>John</td>
<td>p</td>
<td>p</td>
<td>p</td>
<td>p</td>
<td></td>
<td>p</td>
<td>5</td>
</tr>
<tr>
<td>Smith</td>
<td></td>
<td>p</td>
<td>p</td>
<td>p</td>
<td></td>
<td>p</td>
<td>4</td>
</tr>
<tr>
<td>David</td>
<td>p</td>
<td>p</td>
<td>p</td>
<td>p</td>
<td>p</td>
<td>p</td>
<td>6</td>
</tr>
<tr>
<td>Mark</td>
<td>p</td>
<td></td>
<td>p</td>
<td></td>
<td>p</td>
<td></td>
<td>3</td>
</tr>
</body>
</html>
<body style="background: #FFFFCC">
</body>
#bailam1.2.html
<!DOCTYPE html>
<html>
<head>
<title> Attendance1.htm2</title>
<html>
</head>
<title>CSS Tutorial</title>
<style type="text/css">
body {
background-image: url('https://zicxa.com/hinh-anh/wp-content/uploads/2019/07/T%E1%BB%95ng-h%E1%BB%A3p-h%C3%ACnh-%E1%BA%A3nh-anime-galaxy-phong-c%E1%BA%A3nh-%C4%91%E1%BA%B9p-nh%E1%BA%A5t-50.jpg');
background-repeat: no-repeat;
background-size: cover;
}
h1 {
color: black;
text-align: center;
text-transform: capitalize;
text-decoration: underline;
}
img {
width: 250px;
min-width: 500px;
max-width: 1000px;
}
ul {
color: black;
font-size: 20px;
}
#li_abc {
text-transform: uppercase;
text-decoration: underline;
}
</style>
<head>
<style type="text/css">
table,th,td{
border:1px solid black;
}
</style>
</head>
<body>
<table>
<body>
<h1></h1>
<h2 class="text-black"></h2>
<tr>
<th colspan="8">Week2</th>
</tr>
<tr>
<th></th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
<th>total</th>
</tr>
<tr>
<td>John</td>
<td>p</td>
<td>p</td>
<td>p</td>
<td>p</td>
<td></td>
<td>p</td>
<td>5</td>
</tr>
<tr>
<td>Smith</td>
<td></td>
<td>p</td>
<td>p</td>
<td>p</td>
<td></td>
<td>p</td>
<td>4</td>
</tr>
<tr>
<td>David</td>
<td>p</td>
<td>p</td>
<td>p</td>
<td>p</td>
<td>p</td>
<td>p</td>
<td>6</td>
</tr>
<tr>
<td>Mark</td>
<td>p</td>
<td></td>
<td>p</td>
<td></td>
<td>p</td>
<td></td>
<td>3</td>
</tr>
</body>
</html>
<body style="background: #FFFFCC">
</body>
#bailam1.3.html
<!DOCTYPE html>
<html>
<head>
<title> Attendance1.html3</title>
<html>
</head>
<title>CSS Tutorial</title>
<style type="text/css">
body {
background-image: url('https://zicxa.com/hinh-anh/wp-content/uploads/2019/07/T%E1%BB%95ng-h%E1%BB%A3p-h%C3%ACnh-%E1%BA%A3nh-anime-galaxy-phong-c%E1%BA%A3nh-%C4%91%E1%BA%B9p-nh%E1%BA%A5t-50.jpg');
background-repeat: no-repeat;
background-size: cover;
}
h1 {
color: black;
text-align: center;
text-transform: capitalize;
text-decoration: underline;
}
img {
width: 250px;
min-width: 500px;
max-width: 1000px;
}
ul {
color: black;
font-size: 20px;
}
#li_abc {
text-transform: uppercase;
text-decoration: underline;
}
</style>
<head>
<style type="text/css">
table,th,td{
border:1px solid black;
}
</style>
</head>
<body>
<table>
<body>
<h1></h1>
<h2 class="text-black"></h2>
<tr>
<th colspan="8">Week3</th>
</tr>
<tr>
<th></th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
<th>total</th>
</tr>
<tr>
<td>John</td>
<td>p</td>
<td>p</td>
<td>p</td>
<td>p</td>
<td></td>
<td>p</td>
<td>5</td>
</tr>
<tr>
<td>Smith</td>
<td></td>
<td>p</td>
<td>p</td>
<td>p</td>
<td></td>
<td>p</td>
<td>4</td>
</tr>
<tr>
<td>David</td>
<td>p</td>
<td>p</td>
<td>p</td>
<td>p</td>
<td>p</td>
<td>p</td>
<td>6</td>
</tr>
<tr>
<td>Mark</td>
<td>p</td>
<td></td>
<td>p</td>
<td></td>
<td>p</td>
<td></td>
<td>3</td>
</tr>
</body>
</html>
<body style="background: #FFFFCC">
</body>
#bailam1.4.html
<!DOCTYPE html>
<html>
<head>
<title> Attendance1.htm4</title>
<html>
</head>
<title>CSS Tutorial</title>
<style type="text/css">
body {
background-image: url('https://zicxa.com/hinh-anh/wp-content/uploads/2019/07/T%E1%BB%95ng-h%E1%BB%A3p-h%C3%ACnh-%E1%BA%A3nh-anime-galaxy-phong-c%E1%BA%A3nh-%C4%91%E1%BA%B9p-nh%E1%BA%A5t-50.jpg');
background-repeat: no-repeat;
background-size: cover;
}
h1 {
color: black;
text-align: center;
text-transform: capitalize;
text-decoration: underline;
}
img {
width: 250px;
min-width: 500px;
max-width: 1000px;
}
ul {
color: black;
font-size: 20px;
}
#li_abc {
text-transform: uppercase;
text-decoration: underline;
}
</style>
<head>
<style type="text/css">
table,th,td{
border:1px solid black;
}
</style>
</head>
<body>
<table>
<body>
<h1></h1>
<h2 class="text-black"></h2>
<tr>
<th colspan="8">Week4</th>
</tr>
<tr>
<th></th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
<th>total</th>
</tr>
<tr>
<td>John</td>
<td>p</td>
<td>p</td>
<td>p</td>
<td>p</td>
<td></td>
<td>p</td>
<td>5</td>
</tr>
<tr>
<td>Smith</td>
<td></td>
<td>p</td>
<td>p</td>
<td>p</td>
<td></td>
<td>p</td>
<td>4</td>
</tr>
<tr>
<td>David</td>
<td>p</td>
<td>p</td>
<td>p</td>
<td>p</td>
<td>p</td>
<td>p</td>
<td>6</td>
</tr>
<tr>
<td>Mark</td>
<td>p</td>
<td></td>
<td>p</td>
<td></td>
<td>p</td>
<td></td>
<td>3</td>
</tr>
</body>
</html>
<body style="background: #FFFFCC">
</body>
![nguyễn Sử [T2008A]](https://www.gravatar.com/avatar/47487be2776ac2ec915b0936ef7ab5ae.jpg?s=80&d=mm&r=g)
nguyễn Sử
2020-10-09 15:34:08
#week 4.html
<!DOCTYPE html>
<html>
<head>
<title>Weekly Attendance Sheet</title>
<style type="text/css">
body{
background-color: #FFFFCC;
}
<h2>{
text-decoration: underline;
}
#navigation{
position: relative;
margin left: 25%;
text-align: center;
}
#tablesectionOne{
table-layout: fixed;
text-align: center;
background-color: #FFFFDD;
position: relative;
top:7px;
}
#tablesectionTwo{
table-layout: fixed;
text-align: center;
background-color: #FFFFDD;
position: relative;
top:7px;
}
#tablesectionThree{
table-layout: fixed;
text-align: center;
background-color: #FFFFDD;
position: relative;
top:7px;
}
#tablesectionFour{
table-layout: fixed;
text-align: center;
background-color: #FFFFDD;
position: relative;
top:7px;
}
.CAPTION{
background-color: rgb(255,185,115);
font-family: arial;
font-size: 1em;
}
td{
border-style: solid;
border-color: #D0D0D0;
border-width: thin;
empty-cells: show;
}
th{
border-style: solid;
border-color: #D0D0D0;
border-width: thin;
empty-cells: show;
}
.ww{
border-style: solid;
border-width: thin;
border-color: black;
border-left: 25px;
border-right:25px;
border-radius: 10px;
display:inline-block;
padding-left: 15px;
padding-right: 15px;
font-size: 20px;
}
</style>
</head>
<body>
<h2><center><ins>Attendance Sheet<ins></center></h2><br>
<li class="ww"><b> Week 4 <b></li>
<div id="show">
<table class="table">
<tr>
<th></th>
<th>Mon</th>
<th>Tus</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
<th>Total</th>
</tr>
<tr>
<th>John</th>
<th>P</th>
<th></th>
<th></th>
<th></th>
<th></th>
<th>P</th>
<th>2</th>
</tr>
<tr>
<th>Smith</th>
<th>p</th>
<th></th>
<th>P</th>
<th></th>
<th>p</th>
<th></th>
<th>3</th>
</tr>
<tr>
<th>David</th>
<th>P</th>
<th></th>
<th>P</th>
<th></th>
<th>P</th>
<th>p</th>
<th>4</th>
</tr>
<tr>
<th>Mark</th>
<th>p</th>
<th></th>
<th>P</th>
<th>p</th>
<th>P</th>
<th>p</th>
<th>5</th>
</tr>
</body>
</html>