发新话题
打印

版主请帮忙,为何老是对不齐呢?

版主请帮忙,为何老是对不齐呢?

这是初学建立的框架,可是预览和实际老是有出入,看代码也没发现问题呀,实在奇怪,难道是嵌套问题,请版主看看,谢谢了。代码如下:
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
}
.STYLE3 {font-family: "Times New Roman", Times, serif}
-->
</style>
<table width="778" height="732" border="2" align="center" cellpadding="0" cellspacing="0" bordercolor="#999999">
  <tr>
    <td height="76" valign="top" bordercolor="#666666" width=100%> </td>
  </tr>
  <tr>
    <td height="8" valign="top" bordercolor="#FF0000" bgcolor="#FFFFFF" width=100%></td>
  </tr>
  <tr>
    <td height="20" valign="top" bordercolor="#666666" ><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr width="100%">
        <td width="123" height="20" align="left" valign="middle" bgcolor="#999999" class="STYLE3">*INTRODUCTION  </td>
        <td width="7" align="left" valign="middle" bgcolor="#FFFFFF"> </td>
        <td width="88" align="left" valign="middle" bgcolor="#CCCCCC"> </td>
        <td width="10" align="left" valign="top" bgcolor="#FFFFFF"><span class="STYLE3"></span></td>
        <td width="89" align="left" valign="middle" bgcolor="#999999"> <span class="STYLE3">*NEWS  </span></td>
        <td width="8" align="left" valign="middle"> </td>
        <td width="449" align="left" valign="middle" bgcolor="#CCCCCC"> </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td><table width="100%" height="283" border="0" cellpadding="0" cellspacing="0">
      <tr width="100%">
        <td width="226" height="226" align="left" valign="top" bgcolor="#999999"> </td>
        <td width="546"> </td>
      </tr>
    </table> </td>     
  </tr>
  <tr>
    <td height="340" valign="top" bordercolor="#FF0000"></td>
  </tr>
</table>

附件

went.JPG (35.77 KB)

2007-10-16 12:29

went.JPG

TOP

预览里下面的线是对齐NEWS左边的线的,可是实际上是不对齐的好郁闷,请教版主。

TOP

是因为你用的默认字体大小,把单元格给撑大了~~~~~~~~~~~
<style type="text/css">
<!--
body,td,th {
        font-size: 12px;
}
body {
margin-left: 0px;
margin-top: 0px;
}
.STYLE3 {font-family: "Times New Roman", Times, serif}
-->
</style>
<table width="778" height="732" border="2" align="center" cellpadding="0" cellspacing="0" bordercolor="#999999">
  <tr>
    <td height="76" valign="top" bordercolor="#666666" width=100%> </td>
  </tr>
  <tr>
    <td height="8" valign="top" bordercolor="#FF0000" bgcolor="#FFFFFF" width=100%></td>
  </tr>
  <tr>
    <td height="20" valign="top" bordercolor="#666666" ><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr width="100%">
        <td width="123" height="20" align="left" valign="middle" bgcolor="#999999" class="STYLE3">*INTRODUCTION  </td>
        <td width="7" align="left" valign="middle" bgcolor="#FFFFFF"> </td>
        <td width="88" align="left" valign="middle" bgcolor="#CCCCCC"> </td>
        <td width="10" align="left" valign="top" bgcolor="#FFFFFF"><span class="STYLE3"></span></td>
        <td width="89" align="left" valign="middle" bgcolor="#999999"> <span class="STYLE3">*NEWS  </span></td>
        <td width="8" align="left" valign="middle"> </td>
        <td width="449" align="left" valign="middle" bgcolor="#CCCCCC"> </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td><table width="100%" height="283" border="0" cellpadding="0" cellspacing="0">
      <tr width="100%">
        <td width="226" height="226" align="left" valign="top" bgcolor="#999999"> </td>
        <td width="546"> </td>
      </tr>
    </table> </td>     
  </tr>
  <tr>
    <td height="340" valign="top" bordercolor="#FF0000"></td>
  </tr>
</table>
我擦一擦嘴巴,不留下一颗饭粒~

TOP

回来看了楼上的,太感谢了。我试试看了。

TOP

测试了。真的是这个问题,不知道说什么了。只能再说一声谢谢了。

TOP

楼主和我当年一样,不知道CSS的运用~

TOP

多练习哦

我做网站已经三年了,但是从来都没有用过任何自动套筐的工具,一直坚持自己架筐。这样做的好处是可以锻炼对框架结构的基本功扎得很好,在遇到问题能够了解问题出在那,和想出解决的办法。大家也不防试下。特别是复杂的音乐门户网站设计。

TOP

发新话题