Odpowiedź:
CSS:
body {
font-family: Verdana;
background-color: #888888;
}
main {
text-align: center;
header {
width: 100%;
#left-panel {
background-color: white;
height: 450px;
width: 20%;
#right-panel {
background-color: #AEC6E6;
width: 80%;
overflow: auto;
footer {
text-align: right;
height: 25px;
img.banner-image {
h1.main-header {
color: blue;
margin-top: 50px;
ul.point-list {
width: 120px;
padding: 5px;
margin-top: 10px;
list-style: none;
ul.point-list li:hover {
background-color: #5555ff;
ul.point-list a {
text-decoration: none;
color: #232323;
table {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
td {
border: 1px solid black;
width: 15px;
height: 15px;
font-size: 10px;
td.occupied {
background-color: red;
" Life is not a problem to be solved but a reality to be experienced! "
© Copyright 2013 - 2024 KUDO.TIPS - All rights reserved.
Odpowiedź:
CSS:
body {
font-family: Verdana;
background-color: #888888;
}
main {
text-align: center;
}
header {
width: 100%;
}
#left-panel {
background-color: white;
height: 450px;
width: 20%;
}
#right-panel {
background-color: #AEC6E6;
height: 450px;
width: 80%;
overflow: auto;
}
footer {
text-align: right;
height: 25px;
}
img.banner-image {
width: 100%;
}
h1.main-header {
color: blue;
margin-top: 50px;
}
ul.point-list {
width: 120px;
background-color: #AEC6E6;
padding: 5px;
margin-top: 10px;
list-style: none;
}
ul.point-list li:hover {
background-color: #5555ff;
}
ul.point-list a {
text-decoration: none;
color: #232323;
}
table {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
td {
border: 1px solid black;
width: 15px;
height: 15px;
text-align: center;
font-size: 10px;
}
td.occupied {
background-color: red;
}