How do I make the doctor profile section of the table equal to the other two sections of the table? I just dont like how squished it is and how much space the navigation page has. 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 The War Doctor The Ninth Doctor The Tenth Doctor The Eleventh Doctor The Twelfth Doctor The Thirteenth Doctor The Twelfth Doctor, portrayed by Peter Capaldi, made his first appearance in the revived series in 2013. Characterized by a more austere and no-nonsense demeanor, he grapples with questions of morality and identity. With a Scottish accent and a brooding intensity, the Twelfth Doctor brings a seasoned and complex perspective to the role, addressing the challenges of the universe with a mix of wisdom, compassion, and a touch of unpredictability.
How do I make the doctor profile section of the table equal to the other two sections of the table? I just dont like how squished it is and how much space the navigation page has.
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<html>
<style>
table, th, td {
width: 100%;
border: 3px solid black;
}
</style>
<body>
<head>
<meta charset="utf-8" />
<title>HTML</title>
</head>
<body>
<header class="header-image">
<img src="Tardis.jpg" alt="Header Image" width="1060" />
</header>
<table style="50%">
<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="The_War_Doctor.html">The War Doctor </a></li>
<li><a href="The_Ninth_Doctor.html">The Ninth Doctor </a></li>
<li><a href="The_Tenth_Doctor.html">The Tenth Doctor </a></li>
<li><a href="The_Eleventh_Doctor.html">The Eleventh Doctor </a></li>
<li><a href="The_Twelfth_Doctor.html">The Twelfth Doctor </a></li>
<li><a href="The_Thirteenth_Doctor.html">The Thirteenth Doctor </a></li>
</ul>
</td>
<td>
The Twelfth Doctor, portrayed by Peter Capaldi, made his first appearance in the revived series in 2013. Characterized by a more austere and no-nonsense demeanor, he grapples with questions of morality and identity. With a Scottish accent and a brooding intensity, the Twelfth Doctor brings a seasoned and complex perspective to the role, addressing the challenges of the universe with a mix of wisdom, compassion, and a touch of unpredictability.
</td>
<td>
<img src="12.jpg" height="500" width="400" />
</td>
</tr>
</table>
<footer class="footer-image">
<img src="night-planets-header-8854-1024x300.jpg" alt="Footer Image" width="1060">
</footer>
</body>
</html>
Trending now
This is a popular solution!
Step by step
Solved in 4 steps with 3 images
