Question

我制作了一个HTML表格，它实际上是标题右侧顶部的菜单，位于徽标的右侧，但是当我调整窗口大小时，表格没有固定并跳转到徽标下方。我需要一些关于如何将表设置为固定的帮助。

以下是代码：

＆＃13;

<div style="float:left">
  <img src="images/grafikalogo.png" style="margin-top: 20px;" />
</div>

<table style="margin-top:-20px; padding-left:10px;" cellspacing="30px">
  <tr>
    <td>
      <a style="text-decoration:none; color:black;" href="./izracun.php">
        <img style="height:80px; width:80px;" src="images_new/Vizitka.png" />
      </a>
    </td>

    <td>
      <a style="text-decoration:none; color:black;" href="./vizitke.html">
        <img style="height:80px; width:80px;" src="images_new/Zgibanke.png" />
      </a>
    </td>

    <td>
      <a style="text-decoration:none; color:black;" href="./vizitke.html">
        <img style="height:80px; width:80px;" src="images_new/Brosure.png" />
      </a>
    </td>

    <td>
      <a style="text-decoration:none; color:black;" href="./vizitke.html">
        <img style="height:80px; width:80px;" src="images_new/Letaki.png" />
      </a>
    </td>

    <td>
      <a style="text-decoration:none; color:black;" href="./vizitke.html">
        <img style="height:80px; width:80px;" src="images_new/Nalepke.png" />
      </a>
    </td>

    <td>
      <a style="text-decoration:none; color:black;" href="./vizitke.html">
        <img style="height:80px; width:80px;" src="images_new/Kuverte.png" />
      </a>
    </td>

    <td>
      <a style="text-decoration:none; color:black;" href="./vizitke.html">
        <img style="height:80px; width:80px;" src="images_new/dopisni-list.png" />
      </a>
    </td>

    <td>
      <a style="text-decoration:none; color:black;" href="./vizitke.html">
        <img style="height:80px; width:80px;" src="images_new/Letaki.png" />
      </a>
    </td>
  </tr>
</table>

＆＃13;

Answer 1

问题是当你调整窗口大小时。你的页面中的对象进入的行会导致页面不能滚动，所以如果你不想发生这种情况。你应该使用min-width CSS作为你的容器，所以当ewsizing容器不收缩;

<div style="float:left">
  <img src="images/grafikalogo.png" style="margin-top: 20px;" />
</div>

<table style="margin-top:-20px; padding-left:10px;" cellspacing="30px">
  <tr>
    <td>
      <a style="text-decoration:none; color:black;" href="./izracun.php">
        <img style="height:80px; width:80px;" src="images_new/Vizitka.png" />
      </a>
    </td>

    <td>
      <a style="text-decoration:none; color:black;" href="./vizitke.html">
        <img style="height:80px; width:80px;" src="images_new/Zgibanke.png" />
      </a>
    </td>

    <td>
      <a style="text-decoration:none; color:black;" href="./vizitke.html">
        <img style="height:80px; width:80px;" src="images_new/Brosure.png" />
      </a>
    </td>

    <td>
      <a style="text-decoration:none; color:black;" href="./vizitke.html">
        <img style="height:80px; width:80px;" src="images_new/Letaki.png" />
      </a>
    </td>

    <td>
      <a style="text-decoration:none; color:black;" href="./vizitke.html">
        <img style="height:80px; width:80px;" src="images_new/Nalepke.png" />
      </a>
    </td>

    <td>
      <a style="text-decoration:none; color:black;" href="./vizitke.html">
        <img style="height:80px; width:80px;" src="images_new/Kuverte.png" />
      </a>
    </td>

    <td>
      <a style="text-decoration:none; color:black;" href="./vizitke.html">
        <img style="height:80px; width:80px;" src="images_new/dopisni-list.png" />
      </a>
    </td>

    <td>
      <a style="text-decoration:none; color:black;" href="./vizitke.html">
        <img style="height:80px; width:80px;" src="images_new/Letaki.png" />
      </a>
    </td>
  </tr>
</table>
<div>

调整窗口大小时，HTML表会移动

1 个答案: