Question

我不是HTML专家，但我很好奇发生了什么。

带有链接的想象应该在桌子下面，但它不是，我不知道为什么。

表格对齐没有留下，所以我的代码看起来很好。

<HTML>
<HEAD><TITLE>
Statistiche</TITLE>
<link href="style.css" rel="stylesheet" type="text/css">
<style>
#postString{ visibility:hidden}
</style>
<style>
#location{ visibility:hidden}
</style>
<style>
#porta{ visibility:hidden}
</style>
<style>
#anno{ visibility:hidden}
</style>
<style>
#tempoms{ visibility:hidden}
</style>
</HEAD>
<BODY>
<div id="postString">
8
</div>
<div id="location">
localhost
</div>
<div id="porta">
9080
</div>
<div id="tempoms">
10000
</div>
<div id="anno">
2018
</div>
<form action="Settings">
Timeout [ms]:<br>
<br>
<input type="text" name="tempoms" 
<br>
<input type="hidden" name="id" value ="1"
<input type="hidden" name="idquery" value ="9"
 <br>
 <input type="submit" value="Submit">
</form> 
<a href=UtenteServlet> Return</a>
<br>
<br>
<br>
<TABLE  class="fixed" BORDER="1" CELLPADDING="5" CELLSPACING="0" align="bottom">
<style> caption {padding: 5px;text-align: left; font-size:160%}</style>
 <caption> Fatturato mese per mese</caption>
<TR VALIGN="bottom">
 <TH ROWSPAN="3" VALIGN="middle">Fatturato<BR>Mese</TH>
 <TD class="bottom" HEIGHT="200"><IMG SRC="Img/verde.jpg"  width="100" HEIGHT="124"></TD>
 <TD class="bottom" HEIGHT="200"><IMG SRC="Img/verde.jpg"  width="100" HEIGHT="200"></TD>
 <TD class="bottom" HEIGHT="200"><IMG SRC="Img/verde.jpg"  width="100" HEIGHT="197"></TD>
 <TD class="bottom" HEIGHT="200"><IMG SRC="Img/verde.jpg"  width="100" HEIGHT="150"></TD>
 <TD class="bottom" HEIGHT="200"><IMG SRC="Img/verde.jpg"  width="100" HEIGHT="20"></TD>
</TR>
 <TR>
  <TD> 1  </TD>
  <TD> 11  </TD>
  <TD> 111  </TD>
  <TD> 1111  </TD>
  <TD> 11111  </TD>
</TR>
<TR>
<TD>Gennaio </TD>
<TD>Febbraio </TD>
<TD>Marzo </TD>
<TD>Aprile </TD>
<TD>Maggio </TD>
 </TR>  
<br>
<br>
<br>
<p align="bottom">
<a href=http://localhost:9080/HydroGui/Scroll?direzione=indietro> <img border="0" alt="back" src="Img/backward.png" width="100" height="100" align="left"> 
<a href=http://localhost:9080/HydroGui/Settings?id=1&tempoms=-1> <img border="0" alt="pause" src="Img/pausa.png" width="100" height="100"  align="left"> 
<a href=http://localhost:9080/HydroGui/Scroll?direzione=avanti> <img border="0" alt="next" src="Img/forward.png" width="100" height="100"  align="left"> 
</p>
</BODY>
<script src="redirect.js" >
</script>
</HTML>

如果你没有在表格中看到任何想象并不重要，重点是为什么Img / pausa.png和其他2个想象在桌子上而不是在它之下。

Answer 1

这是因为您没有在图像前用<TABLE>关闭</TABLE>。表格的行为使得它们将被放置在表格中。

Answer 2

你忘记关闭图片之前的table，而不关闭它，你在开始标记之后写的所有东西都会在里面

你并没有实际关闭a标签

Html：文本不在表格下，但它应该是

2 个答案: