Question

我想在我的页面上添加两个“菜单”，但是当我在我的leftmenu旁边添加div时（我没有使用div但是图片）我的照片之间的空间很大。

我目前的代码是：

<html>
  <head>
    <title>Welcome to Nielyboyken</title>
  </head>

  <body bgcolor="grey">
    <br>
    <a href="http://zeldauniverse.net">
      <img src="http://i1.minus.com/jbg3tjE57KYsx1.png" />
    </a>
    <a href="">
      <img src="http://i.minus.com/ip2vEndNDv7vj.png" />
    </a><text-align:"right">

    <iframe src="http://free.timeanddate.com/clock/i3qoeq8q/n48/szw135/szh135/hoc000/hbw12/hfc000/cf100/hgr0/hcw1/fas20/facfff/fdi88/mqc0033cd/mqs3/mql5/mqw2/mqd74/mhc0033cd/mhs4/mhl4/mhw2/mhd76/mmcf90/mml4/mmw1/mmd74/hhc666/hmc666" frameborder="0" width="137" height="137"></iframe>
    </font>

    <div style="width:1340px; height:20px; background-color:black;">
      <a href="contactpage.html" style="text-decoration:none; color:White;">Contact</a> 
      <a href="sign-up.html "style=text-decoration:none; color:White;"> [Register] </a> 
      <a href="log-in.html "style=text-decoration:none; color:White;">[Login]</a></font>
    </div>

    <center>
      <font style="font-family: Fixedsys;font-size: 35px;color:blue">Welcome to my  personal site!</font>
    </center>

    <center><font style="font-family:Fixedsys,;color:white">Welcome! Notice that this is not a forum site but just a personal site.</font></center>

    <div id="LeftMenu">
      <table>
        <img src="http://i5.minus.com/iI7VEHhLP3WyV.png" /> <br>
        <a target="_blank" href="http://minus.com/lJMgzKG1FFv2v">
          <img src="http://i.minus.com/jJMgzKG1FFv2v.png" border="0"/>
        </a> 

        <div style="width:50px; height:50px; color:red;" </div> <br>

        <a href="http://zeldauniverse.net">
          <img src="http://i.minus.com/ibfBWr7hEsMtsT.png" />
        </a> <br>

        <img src="http://i.minus.com/iJMgzKG1FFv2v.png" /> <br>

        <a href="http://youtube.com">
          <img src="http://i.minus.com/ib0OadHbWfnpew.png" />
        </a> <br> 

        <img src="http://i.minus.com/iJMgzKG1FFv2v.png" /> <br>

        <a href="http://twitter.com">
          <img src="http://i.minus.com/iMNcGJ5Bjwvx4.png" />
        </a> <br>

        <img src="http://i.minus.com/iJMgzKG1FFv2v.png" /> <br>

        <a href="http://facebook.com">
          <img src="http://i.minus.com/ibhDDFKmGlL4rk.png" />
        </a> <br>

        <img src="http://i.minus.com/iJMgzKG1FFv2v.png" /> <br>

        <img src="http://i4.minus.com/i6nJ7Pg8kUfqo.png" /> <br>

        <img src="http://i.minus.com/iJMgzKG1FFv2v.png" /> <br>

        <a href="page2test.html" >
          <img src="http://i.minus.com/iFNcJv4UvSdye.png" />
        </a> <br>

        <img src="http://i.minus.com/iJMgzKG1FFv2v.png" /> <br>

        <a href="aboutzu.html">
          <img src="http://i.minus.com/ishbphpEbNRi2.png" />
        </a> <br>

        <img src="http://i.minus.com/iJMgzKG1FFv2v.png" /> <br>

        <a href="http://twitter.com/nielyboyken">
          <img src="http://i.minus.com/ihJnSHKv3vAco.png" />
        </a> <br>

        <img src="http://i.minus.com/iJMgzKG1FFv2v.png" /> <br>

        <a href="http://www.zeldauniverse.net/forums/members/5390370-nielyboyken.html">    
          <img src="http://i.minus.com/ibdZgDlK1H5NLP.png" />
        </a> <br>

        <img src="http://i.minus.com/iJMgzKG1FFv2v.png" /> <br>

        <a href="youtube.com/nielyboyken">
          <img src="http://i.minus.com/iGZahFuxuc349.png" />
        </a> <br>

        <img src="http://i.minus.com/iJMgzKG1FFv2v.png" />

      </table>
    </div>
  </body>
</html>

有人知道如何修复它吗？

Answer 1

你应该使用CSS。 HTML将留下空白区域，除非您明确定义DIV中的所需位置。使用CSS模板更容易，并使用它格式化。你将有能力用CSS“坚持”事物。

http://www.w3schools.com/css/

OR

您可以使用1x 2表格。然后在表格中插入每个元素。然后他们会并排。定义列属性等...

在你问这里之前，你应该真的谷歌格式化这些东西......

如何在1页上制作2张桌子？

1 个答案: