网页排版中的一些疑难杂症

虽然做web技术这么多年了但是还是对于一些基本的排版定位信息很是为难,有的时候由于一些小小的细节问题不能解决而给人很不好的印象,不值得所以一定不要忽视了细节问题,

1、table中的TD设置了align="top"仍旧不能垂直向上的问题,要把网页的height="100%" 去掉就可以了

2、图片不能和其他元素一样水平对齐的问题,解决这个问题的办法是设置align=absMiddle就可以了
3、圆角矩形的排版方法

4、form中放入一个table存在间隙的问题
 <table width="731"  border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td><img src="../images/bisai_22.gif" width="37" height="28" alt=""></td>
                <td><img src="../images/bisai_23.gif" width="664" height="28" alt=""></td>
                <td><img src="../images/bisai_24.gif" width="30" height="28" alt=""></td>
              </tr>
              <tr background="../images/bisai_27.jpg">
                <td colspan="3">
                <table width="100%" height="100"  border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td background="../images/bisai_27.jpg">
                     <table width="100%" height="100"  border="0" cellspacing="0" cellpadding="0">
                     <tr><td align="center" valign="top">    
                     <!-- 充值表单填写开始 -->
               
                     <!-- 充值表单填写结束 -->
                     </td></tr>
                     </table>
                    </td>
                  </tr>
                </table></td>
              </tr>
              <tr>
                <td><img src="../images/bisai_33.gif" width="37" height="31" alt=""></td>
                <td><img src="../images/bisai_34.gif" width="664" height="31" alt=""></td>
                <td><img src="../images/bisai_35.gif" width="30" height="31" alt=""></td>
              </tr>
            </table
   解决的方法是:在

      1、<form style="margin:0px">

    2、.<form style="display:inline">

    3、把form放在table中间

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值