html经验

于 2006-03-03 16:40:00 发布
阅读量1.1k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： Web 文章标签： html layer border stylesheet table class
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/manio/article/details/614760

表格中单元格标签有换行，会导致这个表格之后插入的表格与与这个表格之间有间隙！

代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>湖南金泰特种工程施工有限公司</title>

<link href="bg_asp/CSS/PTypes.css" rel="stylesheet" type="text/css">

<style type="text/css">

<!--

body {

       margin-left: 0px;

       margin-top: 0px;

       margin-right: 0px;

       margin-bottom: 0px;

}

-->

</style></head>

 

<body>

<!--包含TOP.ASP文件，显示头部LOGO和导航条 -->

<style type="text/css">

<!--

#Layer1 {

       position:absolute;

       left:10px;

       top:94px;

       width:82px;

       height:70px;

       z-index:1;

       background-color: #F0F8FF;

       visibility: hidden;

}

#Layer2 {

       position:absolute;

       left:92px;

       top:94px;

       width:83px;

       height:69px;

       z-index:2;

       background-color: #F0F8FF;

       visibility: hidden;

}

#Layer3 {

       position:absolute;

       left:175px;

       top:94px;

       width:83px;

       height:70px;

       z-index:3;

       background-color: #F0F8FF;

       visibility: hidden;

}

-->

</style>

<script type="text/JavaScript">

<!--

function MM_findObj(n, d) { //v4.01

  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

  if(!x && d.getElementById) x=d.getElementById(n); return x;

}

 

function MM_showHideLayers() { //v6.0

  var i,p,v,obj,args=MM_showHideLayers.arguments;

  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];

    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }

    obj.visibility=v; }

}

//-->

</script>

<div id="Layer1" οnmοuseοver="MM_showHideLayers('Layer1','','show')" οnmοuseοut="MM_showHideLayers('Layer1','','hide')">

  <table class="navLink" width="100%" border="0" cellspacing="0" cellpadding="1">

    <tr>

      <td><div align="center"><a href="#">金泰简介</a></div></td>

    </tr>

    <tr>

      <td><div align="center"><a href="#">专家介绍</a></div></td>

    </tr>

    <tr>

      <td><div align="center"><a href="#">公司荣誉</a></div></td>

    </tr>

  </table>

</div>

<div id="Layer2" οnmοuseοver="MM_showHideLayers('Layer2','','show')" οnmοuseοut="MM_showHideLayers('Layer2','','hide')">

  <table class="navLink" width="100%" border="0" cellspacing="0" cellpadding="1">

    <tr>

      <td><div align="center">公司新闻</div></td>

    </tr>

    <tr>

      <td><div align="center">行业动态</div></td>

    </tr>

  </table>

</div>

<div id="Layer3" οnmοuseοver="MM_showHideLayers('Layer3','','show')" οnmοuseοut="MM_showHideLayers('Layer3','','hide')">

  <table class="navLink" width="100%" border="0" cellspacing="0" cellpadding="1">

    <tr>

      <td><div align="center">先进工艺</div></td>

    </tr>

    <tr>

      <td><div align="center">施工材料</div></td>

    </tr>

    <tr>

      <td><div align="center">项目报价</div></td>

    </tr>

    <tr>

      <td><div align="center">施工材料</div></td>

    </tr>

  </table>

</div>

<table width="780" border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td bgcolor="#000000"><img src="images/logo.jpg" width="281" height="55"></td>

  </tr>

  <tr>

    <td><img src="images/nav.jpg" width="780" height="25" border="0" usemap="#Map" />

      <map name="Map" id="Map">

        <area shape="rect" coords="0,-1,82,24" href="#" οnmοuseοver="MM_showHideLayers('Layer1','','show')" οnmοuseοut="MM_showHideLayers('Layer1','','hide')" />

        <area shape="rect" coords="81,0,164,24" href="#" οnmοuseοver="MM_showHideLayers('Layer2','','show')" οnmοuseοut="MM_showHideLayers('Layer2','','hide')" />

        <area shape="rect" coords="165,0,248,24" href="#" οnmοuseοver="MM_showHideLayers('Layer3','','show')" οnmοuseοut="MM_showHideLayers('Layer3','','hide')" />

      </map></td>

  </tr>

</table>

<table width="780" border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td><img src="images/bigbanner.jpg" width="780" height="200" /></td>

  </tr>

</table>

 

 

</body>

</html>

 

改为：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>湖南金泰特种工程施工有限公司</title>

<link href="bg_asp/CSS/PTypes.css" rel="stylesheet" type="text/css">

<style type="text/css">

<!--

body {

       margin-left: 0px;

       margin-top: 0px;

       margin-right: 0px;

       margin-bottom: 0px;

}

-->

</style></head>

 

<body>

<!--包含TOP.ASP文件，显示头部LOGO和导航条 -->

<style type="text/css">

<!--

#Layer1 {

       position:absolute;

       left:10px;

       top:94px;

       width:82px;

       height:70px;

       z-index:1;

       background-color: #F0F8FF;

       visibility: hidden;

}

#Layer2 {

       position:absolute;

       left:92px;

       top:94px;

       width:83px;

       height:69px;

       z-index:2;

       background-color: #F0F8FF;

       visibility: hidden;

}

#Layer3 {

       position:absolute;

       left:175px;

       top:94px;

       width:83px;

       height:70px;

       z-index:3;

       background-color: #F0F8FF;

       visibility: hidden;

}

-->

</style>

<script type="text/JavaScript">

<!--

function MM_findObj(n, d) { //v4.01

  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

  if(!x && d.getElementById) x=d.getElementById(n); return x;

}

 

function MM_showHideLayers() { //v6.0

  var i,p,v,obj,args=MM_showHideLayers.arguments;

  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];

    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }

    obj.visibility=v; }

}

//-->

</script>

<div id="Layer1" οnmοuseοver="MM_showHideLayers('Layer1','','show')" οnmοuseοut="MM_showHideLayers('Layer1','','hide')">

  <table class="navLink" width="100%" border="0" cellspacing="0" cellpadding="1">

    <tr>

      <td><div align="center"><a href="#">金泰简介</a></div></td>

    </tr>

    <tr>

      <td><div align="center"><a href="#">专家介绍</a></div></td>

    </tr>

    <tr>

      <td><div align="center"><a href="#">公司荣誉</a></div></td>

    </tr>

  </table>

</div>

<div id="Layer2" οnmοuseοver="MM_showHideLayers('Layer2','','show')" οnmοuseοut="MM_showHideLayers('Layer2','','hide')">

  <table class="navLink" width="100%" border="0" cellspacing="0" cellpadding="1">

    <tr>

      <td><div align="center">公司新闻</div></td>

    </tr>

    <tr>

      <td><div align="center">行业动态</div></td>

    </tr>

  </table>

</div>

<div id="Layer3" οnmοuseοver="MM_showHideLayers('Layer3','','show')" οnmοuseοut="MM_showHideLayers('Layer3','','hide')">

  <table class="navLink" width="100%" border="0" cellspacing="0" cellpadding="1">

    <tr>

      <td><div align="center">先进工艺</div></td>

    </tr>

    <tr>

      <td><div align="center">施工材料</div></td>

    </tr>

    <tr>

      <td><div align="center">项目报价</div></td>

    </tr>

    <tr>

      <td><div align="center">施工材料</div></td>

    </tr>

  </table>

</div>

<table width="780" border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td bgcolor="#000000"><img src="images/logo.jpg" width="281" height="55"></td>

  </tr>

  <tr>

    <td><img src="images/nav.jpg" width="780" height="25" border="0" usemap="#Map" /></td>

  </tr>

</table>

<map name="Map" id="Map">

        <area shape="rect" coords="0,-1,82,24" href="#" οnmοuseοver="MM_showHideLayers('Layer1','','show')" οnmοuseοut="MM_showHideLayers('Layer1','','hide')" />

        <area shape="rect" coords="81,0,164,24" href="#" οnmοuseοver="MM_showHideLayers('Layer2','','show')" οnmοuseοut="MM_showHideLayers('Layer2','','hide')" />

        <area shape="rect" coords="165,0,248,24" href="#" οnmοuseοver="MM_showHideLayers('Layer3','','show')" οnmοuseοut="MM_showHideLayers('Layer3','','hide')" />

      </map>

<table width="780" border="0" cellspacing="0" cellpadding="0">

  <tr>

    <td><img src="images/bigbanner.jpg" width="780" height="200" /></td>

  </tr>

</table>

 

 

</body>

</html>

评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值