Question

所以我的桌子正在发生一些棘手的事情。我使用示例并在线查找，由于某种原因，我的表格样式无法正常工作。通常，当我在一个白色网站上单独使用它时，它会起作用，一旦我尝试将它放在有背景的网站上，由于某种原因，它将不再起作用。所以这是代码，我将css文件夹作为样式代码放在此代码的同一html文件夹中。我在另一个链接的CSS样式表上有它。任何帮助都会有很大帮助！谢谢。

body {
    margin: 0;
    padding: 0;
    background-image: url(giftpaper.jpg);
}

nav {
    width: 100%;
    background: black;
    overflow: auto;
}

ul {
    padding: 0;
    margin: 0 0 0 350px;
    list-style: none;
}

li {
    float: left;
}

.logo img {
    position: absolute;
    margin-top: 15px;
    margin-left: 10px;
}

nav a {
    width: 150px;
    display: block;
    padding: 20px 15px;
    text-decoration: none;
    front-family: Arial;
    color: #f2f2f2;
    text-align: center;

}

nav a:hover {
    background: green;
    transition: 0.5s;
}

#text {
    color: aliceblue;
    text-align: center;
    text-decoration: overline;
    font-size: 50px;
    border: 10px;
    border-color: azure;
}

table {
    border-collapse: collapse;
    width: 100%;
}

th,
td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

tr:hover {
    background-color: #f5f5f5;
}

<div class="logo">
  <a href="ducktopia.html"
    ><img src="the%20logo%20(1).png" width="200" height="40" />
  </a>
</div>
<nav>
  <ul>
    <li><a href="ducktopia2.html">News</a></li>
    <li><a href="ducktopia3.html">About</a></li>
    <li><a href="ducktopia4.html">Community</a></li>
    <li><a href="ducktopia5.html">Support</a></li>
    <li><a href="ducktopia6.html">Merchandise</a></li>
  </ul>
</nav>

<br />
<h1>
  <div id="text">
    <p>
      In here you can contact our support and request help on major buggs or if
      you suspect dangerous activity on the website, please do not abuse given
      data, and waste our command's time as we take each problem seriously,
      Thank you!
    </p>
    <br />
    <p>
      Here's a table of our team and their position if you desire to contact
      them privately, once again, we kindly ask to not waste their's and your's
      private time off.
    </p>
    <br />
    <table id="customers">
      <tr>
        <th>Position</th>
        <th>Name</th>
        <th>Contact</th>
      </tr>
      <tr>
        <td>Main Dev/Manager</td>
        <td>Darija Galdikaitė</td>
        <td>darijagaldikaite@gmail.com</td>
      </tr>
      <tr>
        <td>Server controller</td>
        <td>Christina Berglund</td>
        <td>ser.chisti@yan.com</td>
      </tr>
      <tr>
        <td>Developer</td>
        <td>Francisco Chang</td>
        <td>fracg@gmail.com</td>
      </tr>
      <tr>
        <td>Developer</td>
        <td>Roland Mendel</td>
        <td>rolandmend@gmail.com</td>
      </tr>
      <tr>
        <td>Admin server runner</td>
        <td>Helen Bennett</td>
        <td>HelBenn@gmail.com</td>
      </tr>
      <tr>
        <td>Live Helper/Dev</td>
        <td>Philip Cramer</td>
        <td>philips@yahoo.com</td>
      </tr>
      <tr>
        <td>Live Helper/Dev</td>
        <td>Yoshi Tannamuri</td>
        <td>yoyori@gmail.com</td>
      </tr>
      <tr>
        <td>Liver Helper/Dev</td>
        <td>Giovanni Rovelli</td>
        <td>giovanni322@gmail.com</td>
      </tr>
      <tr>
        <td>Main debbuger/Dev</td>
        <td>Simon Crowther</td>
        <td>scrowther0@gmail.com</td>
      </tr>
      <tr>
        <td>Forum Editor</td>
        <td>Marie Bertrand</td>
        <td>bertr321@yahho.com</td>
      </tr>
    </table>
  </div>
</h1>
<br />
<br />

<div id="text">
  Main contacts, used for very important reasons in case of emergencies. Please
  beware, using this for non important reasons and spam, may get you an IP ban.
  Thank you!

  <table>
    <tr>
      <th>Name:</th>
      <td>Pandaripool</td>
    </tr>
    <tr>
      <th rowspan="2">Phone numbers:</th>
      <td>86577854</td>
    </tr>
    <tr>
      <td>86777855</td>
    </tr>
  </table>
</div>

为什么我的桌子不再在背景上工作？

0 个答案: