Question

我是html / css的新手，我正在使用相当错综复杂的布局编写网站。

因为我是一名音乐家，我想拥有一个个人网站，但我有一个问题。我有这两个表，一个在左边，一个在右边，我希望文本在表格的中间，但它不会去那里，而是在表格之上。我有什么方法可以做到这一点吗？

这是我的代码：

<html>
    <table width="400" height="675" border="5" style="float: left" cellpadding="2" cellspacing="2">

    <tr>
        <td>
            <div>
              (embedded gadget)
            </div>
        </td>
    </tr>

<h2 align="center">FAQ</h2>

<table width="400" height="675" border="5" style="float: right;" cellpadding="2" cellspacing="2">

    <tr>
        <td>
            <div>
        (information on the album here)
            </div>
        </td>
    </tr>
</html>

Answer 1

首先，我建议使用bootstrap-3，因为它有很好的文档记录，很容易制作好看的网站。

据说我在HTML或CSS方面也不擅长。你也没有关闭你的桌子。你可以尝试这样做：

<table width="100%">
  <tr>
    <td>
      <table width="400" height="675" border="5"cellpadding="2" cellspacing="2">
        <tr>
          <td>
            <div>
              (embedded gadget)
            </div>
          </td>
        </tr>
      </table>
    </td>
    <td>
      <table width="400" height="675" border="5"cellpadding="2" cellspacing="2">
        <tr>
          <td>
            <div>
              (information on the album here)
            </div>
          </td>
        </tr>
      </table>
    </td>
  </tr>
<table>

Answer 2

您有一个HTML错误，您尚未关闭表标记。

作为HTML的初学者，您需要一些工具来检查您创建的内容是否有效。尝试通过HTML validator运行您的页面，它会告诉您类似的错误和/或使用Firefox中的查看源，突出显示红色等错误。

如何将文本放在这些表的中间？

2 个答案: