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.

Database System Concepts
7th Edition
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Chapter1: Introduction
Section: Chapter Questions
Problem 1PE
icon
Related questions
Question

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>

.header-image img,
.footer-image img > div img {
width: 125%;
height: 200px;
background-color: black;
}
.flex-container > div img {
flex-shrink: 0;
height: 200px;
}
.flex-container > div: last-child {
| flex: 2;
}
.footer-image {
object-fit: cover;
text-align: center;
background-color: black;
padding: 1px;
Transcribed Image Text:.header-image img, .footer-image img > div img { width: 125%; height: 200px; background-color: black; } .flex-container > div img { flex-shrink: 0; height: 200px; } .flex-container > div: last-child { | flex: 2; } .footer-image { object-fit: cover; text-align: center; background-color: black; padding: 1px;
Expert Solution
steps

Step by step

Solved in 4 steps with 2 images

Blurred answer
Knowledge Booster
Image Element
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.
Similar questions
Recommended textbooks for you
Database System Concepts
Database System Concepts
Computer Science
ISBN:
9780078022159
Author:
Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:
McGraw-Hill Education
Starting Out with Python (4th Edition)
Starting Out with Python (4th Edition)
Computer Science
ISBN:
9780134444321
Author:
Tony Gaddis
Publisher:
PEARSON
Digital Fundamentals (11th Edition)
Digital Fundamentals (11th Edition)
Computer Science
ISBN:
9780132737968
Author:
Thomas L. Floyd
Publisher:
PEARSON
C How to Program (8th Edition)
C How to Program (8th Edition)
Computer Science
ISBN:
9780133976892
Author:
Paul J. Deitel, Harvey Deitel
Publisher:
PEARSON
Database Systems: Design, Implementation, & Manag…
Database Systems: Design, Implementation, & Manag…
Computer Science
ISBN:
9781337627900
Author:
Carlos Coronel, Steven Morris
Publisher:
Cengage Learning
Programmable Logic Controllers
Programmable Logic Controllers
Computer Science
ISBN:
9780073373843
Author:
Frank D. Petruzella
Publisher:
McGraw-Hill Education