0

このページはほとんど完成していますが、フッターのボタン画像の下に、取り除けない厄介なスペースがあります。何か助けはありますか？

コードは以下です。

/*=========================>Jacob Dixon
/*=========================>MW 1230
/*=========================>4/16/2013
*/

header, footer, nav, section, article, aside {
        display: block;
}
p { text-align: center
}
h1 {text-align: center;  
color: #4876b9
}
p.subheader{text-align: center; 
text-shadow: black 0.02em 0.02em 0.02em;
width: 500px;
margin-left: 700px
}
body{
background-color: #b5c8e3;
height: 100%
}

table{
margin-bottom: 2500px;
width: 25%;
margin: auto;
margin-top: 100px;
height: 90%
}
td{
height: 70px;
padding: 10px;
overflow: hidden;
}
footer{
display:block;
margin:0 auto;
overflow: hidden;
clear:both;
}
/* -------------------------------------------------------*/

HTML:

<!DOCTYPE html>
<html>
    <head>
        <title>A List of All Our Artists</title>
          <meta charset="UTF-8"  />
  <link href="../styleSheets/allArtists.css"  rel="stylesheet"  type="text/css"  />
  <script>
    document.createElement("header");
    document.createElement("footer");
    document.createElement("nav");
    document.createElement("aside");
    document.createElement("section");
    document.createElement("article");
  </script>
  </head>
    <body>
    <h1>Meet Our Artists</h1>
    <hr/>
    <p class = "subheader">This Web page contains a complete list of all of our 
artists, arranged in alphabetical order; To obtain a detailed page of 
information for any given artist you can click on the artist's name; New 
artists join our family of artists from time to time, so you  should 
return to visit the site often.</p>


    <table border = "1">

    <tr><td rowspan = "1" colspan = ""><img src = "../images/johnsmall.jpg"></td><td rowspan = "1" colspan = "1"><a href = "artistDixon.html" target = "wat">John Egbert</a></td><td>Metal Working - Egypt</td></tr>

    <tr><td rowspan = "1" colspan = ""><img src = "../images/jakesmall.png"></td><td rowspan = "1" colspan = "1"><a href = "artistDixon.html" target = "wat">Jacob Dixon</a></td><td>Stone Carving - Egypt</td></tr>

    <tr><td rowspan = "1" colspan = ""><img src = "../images/jadesmall.png"></td><td rowspan = "1" colspan = "1"><a href = "artistDixon.html" target = "wat">Jade Harley</a></td><td>Woodworking - Egypt</td></tr>

    <tr><td rowspan = "1" colspan = ""><img src = "../images/davesmall.png"></td><td rowspan = "1" colspan = "1"><a href = "artistDixon.html" target = "wat">John Egbert</a></td><td>Fabrics - Egypt</td></tr>

</table>    
</body>

    <footer>
    <p><a href = "index.html"><img src = "../images/hmbtn.png" class = "button"></a></p>
    </footer>

</html>

明らかな何かが欠けていることは知っていますが、何がわからないのですか!

4

2 に答える 2

0

何をしようとしているのかは100％わかりませんが、フッターを常に画面の下部に表示したいという前提で。もしそうなら、あなたはここに示されているようなスティッキーフッターオプションを見るべきです

于 2013-04-17T09:29:30.943 に答える
0

間隔は、フッター画像をラップした段落タグから来ていると思われます.

これを CSS に追加してみてください。

footer p { padding:0; }
于 2013-04-16T19:25:48.190 に答える