Can someone tell me why my footer image isnt covering the whole bottom area and is instead leaving black areas around the perimeter? Also how do I decrease the padding so the header looks closer to the above table? HTML Navigation Doctor Profile Image Overview The First Doctor The Second Doctor The Third Doctor The Fourth Doctor The Fifth Doctor The Sixth Doctor The Seventh Doctor The Eighth Doctor Who is your favorite doctor? The Fifth Doctor made his first appearance in 1982. Marked by a youthful appearance and a more refined, gentlemanly demeanor, he often dons cricket attire. Bringing a sense of vulnerability to the role, the Fifth Doctor navigates moral complexities with a compassionate and diplomatic approach to problem-solving. His adventures showcase a Doctor who balances intelligence with a keen understanding of the human condition, leaving an indelible mark on the series.
Can someone tell me why my footer image isnt covering the whole bottom area and is instead leaving black areas around the perimeter? Also how do I decrease the padding so the header looks closer to the above table?
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<html>
<body>
<head>
<meta charset="utf-8" />
<title>HTML</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header class="header-image">
<img src="Tardis.jpg" alt="Header Image" width="1060" />
</header>
<table style="33%">
<tr>
<th>Navigation</th>
<th>Doctor Profile</th>
<th>Image</th>
</tr>
<tr>
<tr>
<td>
<ul>
<li><a href="Overview.html">Overview</a></li>
<li><a href="The_First_Doctor.html">The First Doctor </a></li>
<li><a href="The_Second_Doctor.html">The Second Doctor </a></li>
<li><a href="The_Third_Doctor.html">The Third Doctor </a></li>
<li><a href="The_Fourth_Doctor.html">The Fourth Doctor </a></li>
<li><a href="The_Fifth_Doctor.html">The Fifth Doctor </a></li>
<li><a href="The_Sixth_Doctor.html">The Sixth Doctor </a></li>
<li><a href="The_Seventh_Doctor.html">The Seventh Doctor </a></li>
<li><a href="The_Eighth_Doctor.html">The Eighth Doctor </a></li>
<li><a href="FavDoc.html">Who is your favorite doctor?</a></li>
</ul>
</td>
<td>
The Fifth Doctor made his first appearance in 1982. Marked by a youthful appearance and a more refined, gentlemanly demeanor, he often dons cricket attire. Bringing a sense of vulnerability to the role, the Fifth Doctor navigates moral complexities with a compassionate and diplomatic approach to problem-solving. His adventures showcase a Doctor who balances intelligence with a keen understanding of the human condition, leaving an indelible mark on the series.
</td>
<td>
<img src="5thD.jpg" alt="fifth doctor" height="400" width="500">
</td>
</tr>
</table>
<footer class="footer-image">
<img src="night-planets-header-8854-1024x300.jpg" alt="Footer Image" width="1060">
</footer>
</body>
</html>
Step by step
Solved in 4 steps with 2 images
