Homework SourseNote this is a HTML I need help please with this code I have
Note: this is a HTML. I need help please with this code I have one problem which is the \" fixed background\" what I want is when I scroll up and down the back image should be fixed in other words should be not moving that\'s all . I put the code in the bottom ... thanks in advance ...
this is thecode....
1-<!DOCTYPE html>
2-<html>
3-<head>
4-<style>
5-body {
background-image: url(\"clean-sky-wallpaper.jpeg\");
background-repeat: no-repeat;
backgroundposition: right top ;
}
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
th, td {
padding: 5px;
text-align: center;
}
tr{
color: white;
text-align: center;
}
</style>
</head>
<body>
<p style = \"text-align: center;
font-family: Brush Script MT;
font-size: 20pt;
color: white;
\">
My name <br />
CSC4370 WEB PROGRAMMING,<br />
HomeWork_3
</p>
<p style = \"text-align: center;
font-family: Comic Sans MS;
font-size: 30pt;
color: white;
\">
February<br>
</p>
<table style=\"width:100%\">
<tr align=\"center\">
<th bgcolor=\"#800080\">Sunday</th>
<th bgcolor=\"#FF0000\">Monday</th>
<th bgcolor=\"#008000\">Tuesday</th>
<th bgcolor=\"#E0DCD6\">Wednesday</th>
<th bgcolor=\"#FFA500\">Thursday</th>
<th bgcolor=\"#0000FF\">Friday</th>
<th bgcolor=\"#87ceeb\">Saturday</th>
</tr>
<tr align=\"center\">
<td bgcolor=\"#800080\"></td>
<td bgcolor=\"#FF0000\"></td>
<td bgcolor=\"#008000\"></td>
<td bgcolor=\"#E0DCD6\">1
<ul>
<li>Csc23102</li><br>
<li>Csc3310</li>
</ul>
</td>
<td bgcolor=\"#FFA500\">2</td>
<td bgcolor=\"#0000FF\">3
</td>
<td bgcolor=\"#87ceeb\">4</td>
</tr>
<tr align=\"center\">
<td bgcolor=\"#800080\">5</td>
<td bgcolor=\"#FF0000\">6
<ul>
<li>Csc23107</li><br>
<li>Csc3310</li>
</td>
<td bgcolor=\"#008000\">7</td>
<td bgcolor=\"#E0DCD6\">8
<ul>
<li>Csc2310</li><br>
<li>Csc3310</li>
</td>
<td bgcolor=\"#FFA500\">9
<td bgcolor=\"#0000FF\">10
<td bgcolor=\"#87ceeb\">11
</tr>
<tr>
<td bgcolor=\"#800080\">12
<td bgcolor=\"#FF0000\">13 <ul>
<li>Csc2310</li><br>
<li>Csc3310</li>
</td>
<td bgcolor=\"#008000\">14</td>
<td bgcolor=\"#E0DCD6\">15
<ul bgcolor=\"#FFA500\">
<li>Csc2310</li><br>
<li>Csc3310</li>
</td>
<td bgcolor=\"#FFA500\">16</td>
<td bgcolor=\"#0000FF\">17</td>
<td bgcolor=\"#87ceeb\">18
<ul>
<li> Shopping List
<ol>
<li>Egg
<li>Meat
</ol>
</ul>
</tr>
<tr align=\"center\">
<td bgcolor=\"#800080\">19</td>
<td bgcolor=\"#FF0000\">20
<ul>
<li>Csc2310</li><br>
<li>Csc3310</li>
</td>
<td bgcolor=\"#008000\">21</td>
<td bgcolor=\"#E0DCD6\">22
<ul>
<li>Csc231023</li>
<br>
<li>Csc3310</li>
</td>
<td bgcolor=\"#FFA500\">23</td>
<td bgcolor=\"#0000FF\">24</td>
<td bgcolor=\"#87ceeb\">25</td>
<tr align=\"center\">
<td bgcolor=\"#5d037e\">26
</td>
<td bgcolor=\"#FF0000\">27
<ul>
<li>Csc2310</li>
<br>
<li>Csc3310</li>
</td>
<td bgcolor=\"#008000\">28</td>
<td bgcolor=\"#E0DCD6\"></td>
<td bgcolor=\"#FFA500\"></td>
<td bgcolor=\"#0000FF\"></td>
<td bgcolor=\"#87ceeb\"></td>
</tr>
</table>
</body>
</html>
Solution
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-image: url(\"clean-sky-wallpaper.jpeg\");
background-repeat: no-repeat;
backgroundposition: right top ;
background-attachment: fixed;
}
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
th, td {
padding: 5px;
text-align: center;
}
tr{
color: white;
text-align: center;
}
</style>
</head>
<body>
<p style = \"text-align: center;
font-family: Brush Script MT;
font-size: 20pt;
color: white;
\">
My name <br />
CSC4370 WEB PROGRAMMING,<br />
HomeWork_3
</p>
<p style = \"text-align: center;
font-family: Comic Sans MS;
font-size: 30pt;
color: white;
\">
February<br>
</p>
<table style=\"width:100%\">
<tr align=\"center\">
<th bgcolor=\"#800080\">Sunday</th>
<th bgcolor=\"#FF0000\">Monday</th>
<th bgcolor=\"#008000\">Tuesday</th>
<th bgcolor=\"#E0DCD6\">Wednesday</th>
<th bgcolor=\"#FFA500\">Thursday</th>
<th bgcolor=\"#0000FF\">Friday</th>
<th bgcolor=\"#87ceeb\">Saturday</th>
</tr>
<tr align=\"center\">
<td bgcolor=\"#800080\"></td>
<td bgcolor=\"#FF0000\"></td>
<td bgcolor=\"#008000\"></td>
<td bgcolor=\"#E0DCD6\">1
<ul>
<li>Csc23102</li><br>
<li>Csc3310</li>
</ul>
</td>
<td bgcolor=\"#FFA500\">2</td>
<td bgcolor=\"#0000FF\">3
</td>
<td bgcolor=\"#87ceeb\">4</td>
</tr>
<tr align=\"center\">
<td bgcolor=\"#800080\">5</td>
<td bgcolor=\"#FF0000\">6
<ul>
<li>Csc23107</li><br>
<li>Csc3310</li>
</td>
<td bgcolor=\"#008000\">7</td>
<td bgcolor=\"#E0DCD6\">8
<ul>
<li>Csc2310</li><br>
<li>Csc3310</li>
</td>
<td bgcolor=\"#FFA500\">9
<td bgcolor=\"#0000FF\">10
<td bgcolor=\"#87ceeb\">11
</tr>
<tr>
<td bgcolor=\"#800080\">12
<td bgcolor=\"#FF0000\">13 <ul>
<li>Csc2310</li><br>
<li>Csc3310</li>
</td>
<td bgcolor=\"#008000\">14</td>
<td bgcolor=\"#E0DCD6\">15
<ul bgcolor=\"#FFA500\">
<li>Csc2310</li><br>
<li>Csc3310</li>
</td>
<td bgcolor=\"#FFA500\">16</td>
<td bgcolor=\"#0000FF\">17</td>
<td bgcolor=\"#87ceeb\">18
<ul>
<li> Shopping List
<ol>
<li>Egg
<li>Meat
</ol>
</ul>
</tr>
<tr align=\"center\">
<td bgcolor=\"#800080\">19</td>
<td bgcolor=\"#FF0000\">20
<ul>
<li>Csc2310</li><br>
<li>Csc3310</li>
</td>
<td bgcolor=\"#008000\">21</td>
<td bgcolor=\"#E0DCD6\">22
<ul>
<li>Csc231023</li>
<br>
<li>Csc3310</li>
</td>
<td bgcolor=\"#FFA500\">23</td>
<td bgcolor=\"#0000FF\">24</td>
<td bgcolor=\"#87ceeb\">25</td>
<tr align=\"center\">
<td bgcolor=\"#5d037e\">26
</td>
<td bgcolor=\"#FF0000\">27
<ul>
<li>Csc2310</li>
<br>
<li>Csc3310</li>
</td>
<td bgcolor=\"#008000\">28</td>
<td bgcolor=\"#E0DCD6\"></td>
<td bgcolor=\"#FFA500\"></td>
<td bgcolor=\"#0000FF\"></td>
<td bgcolor=\"#87ceeb\"></td>
</tr>
</table>
</body>
</html>
only one statement should be included that is background-attachment: fixed;.
![Note: this is a HTML. I need help please with this code I have one problem which is the \](/WebImages/41/note-this-is-a-html-i-need-help-please-with-this-code-i-have-1127492-1761601551-0.webp "Note: this is a HTML. I need help please with this code I have one problem which is the \")
![Note: this is a HTML. I need help please with this code I have one problem which is the \](/WebImages/41/note-this-is-a-html-i-need-help-please-with-this-code-i-have-1127492-1761601551-1.webp "Note: this is a HTML. I need help please with this code I have one problem which is the \")
![Note: this is a HTML. I need help please with this code I have one problem which is the \](/WebImages/41/note-this-is-a-html-i-need-help-please-with-this-code-i-have-1127492-1761601551-2.webp "Note: this is a HTML. I need help please with this code I have one problem which is the \")
![Note: this is a HTML. I need help please with this code I have one problem which is the \](/WebImages/41/note-this-is-a-html-i-need-help-please-with-this-code-i-have-1127492-1761601551-3.webp "Note: this is a HTML. I need help please with this code I have one problem which is the \")
![Note: this is a HTML. I need help please with this code I have one problem which is the \](/WebImages/41/note-this-is-a-html-i-need-help-please-with-this-code-i-have-1127492-1761601551-4.webp "Note: this is a HTML. I need help please with this code I have one problem which is the \")
