Question Code in html: <DOCTYPE html> <head> <title>Clothes</title> </head> <lin
ID: 3546811 • Letter: Q
Question
Question
Code in html:
<DOCTYPE html>
<head>
<title>Clothes</title>
</head>
<link rel="stylesheet" type="text/css" href="a.css">
<body>
<table>
<tr>
<th id="1">Image</th>
<th id="2">Description</th>
<th>Buy Now</th>
</tr>
<tr>
<td id="1"> <img src="jogger.jpg" alt="jogger"/></td>
<td id="2">
<h3>Kids Spain Home Jersey</h3>
<p>
A cute little jogging combo for your cute little jogger, the adidas
<b><u>Disney Winnie the Pooh Jogger Set</b></u> gives baby a sporty track
pants and track top style. Featuring Pooh Bear ears on the hood and a
Winnie the Pooh badge on the right hip.
</p>
<ul>
<li>25.5cm inseam</li>
<li>Elastic waist and cuff</li>
<li>Fully cotton</li>
</ul>
</td>
<td>
<pre id="p1">Price:</pre>
<pre id="p2">RM79.90</pre>
</td>
</tr>
<tr>
<td id="1"> <img src="jersey.jpg" alt="jersey"/></td>
<td id="2">
<h3>Kids Spain Home Jersey</h3>
<p>
The boys's adidas <b>Spain Home Jersey</b> features sporty polyester
interlock and provides good ventilation. This replica of Spain's 2013
home football jersey has an embroidered badge on the left chest.
</p>
<ul>
<li>Keeps you cool and dry</li>
<li>Crewnect</li>
<li>Embroided <u>Spain</u> badge on the left chest</li>
</ul>
</td>
<td>
<pre id="p1">Price:</pre>
<pre id="p2">RM129.90</pre>
<pre id="p2">RM109.90</pre>
</td>
</tr>
<td id="1"> <img src="shorts.jpg" alt="shorts"/></td>
<td id="2">
<h3>Kids Spain Home Jersey</h3>
<p>
The junior adidas <u>F50 Q Woven Shorts</U> have a lightweight polyester
build. These football training shorts feature a speedy F50 graphic; a
drawcord waist and two front pockets.
</p>
<ul>
<li>Drawcord on elastic waist</li>
<li>Embrossed details</li>
<li>Graphic print on left leg</li>
<li>23cm inseam</li>
</ul>
</td>
<td>
<pre id="p1">Price:</pre>
<pre id="p2">RM56.90</pre>
</td>
</tr>
</table>
</body>
<html>
Code in css
table, td, th
{
border:1px solid black;
border-color:#A0A0A0;
}
table
{
width:800px;
padding:10px 10px 10px 10px;
}
th
{
color:white;
background-color:#339900;
}
td
{
}
img
{
width:80px;
height:80px;
border-color:red;
border-style:dashed;
border-width:2px;
border-radius:10px;
}
#1
{
width:100px;
vertical-align:text-top;
text-align:center;
}
#2
{
width:500px;
}
#p1
{
color:blue;
text-align:text-top;
font-weight:bold;
vertical-align:top;
}
#p2
{
color:red;
font:courier new;
}
h3
{
color:maroon;
text-decoration:underline;
}
ul
{
list-style-image:url('adidas.png');
}
Please help help me see what is my wrong,
correct it and explain to me.
Thank you
Explanation / Answer
<DOCTYPE html>
<head>
<style>
ul
{
list-style-type:none;
padding:0px;
margin:0px;
}
ul li
{
background-image:url(bullet.gif);
background-repeat:no-repeat;
background-position:0px 5px;
padding-left:14px;
}
</style>
<title>Clothes</title>
</head>
<link rel="stylesheet" type="text/css" href="a.css">
<body>
<table>
<tr>
<th id="1">Image</th>
<th id="2">Description</th>
<th>Buy Now</th>
</tr>
<tr >
<td id="1" valign="top"> <img src="jogger.jpg" alt="jogger"/></td>
<td id="2">
<h3>Kids Spain Home Jersey</h3>
<p>
A cute little jogging combo for your cute little jogger, the adidas
<b><u>Disney Winnie the Pooh Jogger Set</b></u> gives baby a sporty track
pants and track top style. Featuring Pooh Bear ears on the hood and a
Winnie the Pooh badge on the right hip.
</p>
<ul>
<li>25.5cm inseam</li>
<li>Elastic waist and cuff</li>
<li>Fully cotton</li>
</ul>
</td>
<td valign="top">
<pre id="p1">Price:</pre>
<pre id="p2">RM 79.90</pre>
</td>
</tr>
<tr>
<td id="1" valign="top"> <img src="jersey.jpg" alt="jersey"/></td>
<td id="2">
<h3>Kids Spain Home Jersey</h3>
<p>
The boys's adidas <b>Spain Home Jersey</b> features sporty polyester
interlock and provides good ventilation. This replica of Spain's 2013
home football jersey has an embroidered badge on the left chest.
</p>
<ul>
<li>Keeps you cool and dry</li>
<li>Crewnect</li>
<li>Embroided <u>Spain</u> badge on the left chest</li>
</ul>
</td>
<td valign="top">
<pre id="p1">Price:</pre>
<pre id="p2"><strike>RM 129.90</strike></pre>
<pre id="p2">RM 109.90</pre>
</td>
</tr>
<td id="1" valign="top"> <img src="shorts.jpg" alt="shorts"/></td>
<td id="2">
<h3>Kids Spain Home Jersey</h3>
<p>
The junior adidas <u><i>F50 Q Woven Shorts</i></U> have a lightweight polyester
build. These football training shorts feature a speedy F50 graphic; a
drawcord waist and two front pockets.
</p>
<ul>
<li>Drawcord on elastic waist</li>
<li>Embrossed details</li>
<li>Graphic print on left leg</li>
<li>23cm inseam</li>
</ul>
</td>
<td valign="top">
<pre id="p1">Price:</pre>
<pre id="p2">RM 56.90</pre>
</td>
</tr>
</table>
</body>
<html>
There are no changes in the css file.This is the newly updated html file.Just include a bullet image in the name bullet.png then it works as it is .
Changes made ::
Lists with bullets (included a style in the html itself.Just you have to keep a bullet image in your file that's it .It will come there)
Strike for the price in the second row using strike tag...
Alignment at the top by using valign tag.......
Font change in the third row undrlined word.......
I hope these changes are enough to get the same............ Thank you
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.