Note: this is a HTML. I need help please with this code I have one problem which
ID: 3785678 • Letter: N
Question
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>
My name <br />
CSC4370 WEB PROGRAMMING,<br />
HomeWork_3
</p>
<p>
February<br>
</p>
<table>
<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>
Explanation / Answer
<!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>
My name <br />
CSC4370 WEB PROGRAMMING,<br />
HomeWork_3
</p>
<p>
February<br>
</p>
<table>
<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;.
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.