+ -
当前位置:首页 → 问答吧 → 怎么消除两个div之间的空隙??

怎么消除两个div之间的空隙??

时间:2010-08-17

来源:互联网

今天改了一段代码,源代码使用table标签写的,我想把它改成div,结果改完之后发现其他地方都一样,除了两个div之间的间隙,请教大虾们帮忙解决下问题,在网上搜了很多,但是都不能解决问题,先谢谢了。
源代码:
复制代码
  1. <html>
  2. <head>
  3. <title>浮雕超链接</title>
  4. <style type="text/css">
  5. <!--
  6. body{
  7.     padding:0px;
  8.     margin:0px;
  9.     background-color:#f5eee1;
  10. }
  11. .banner{
  12.     background:url(banner1_bg.jpg) repeat-x;
  13.     width:100%;
  14.     margin:0px;
  15. }
  16. .links{
  17.     background:url(button1_bg.jpg) repeat-x;
  18.     font-size:12px;
  19.     width:100%;
  20.     margin:0px;
  21. }
  22. a{
  23.     width:80px; height:32px;
  24.     padding-top:10px;
  25.     text-decoration:none;
  26.     text-align:center;
  27.     background:url(button1.jpg) no-repeat;
  28. }
  29. a:link,a:visited{color:#654300;}
  30. a:hover{
  31.     color:#FFFFFF;
  32.     text-decoration:none;
  33.     background:url(button2.jpg) no-repeat;
  34. }
  35. -->
  36. </style>
  37. </head>
  38. <body>
  39. <div class="banner">
  40.     <img src="banner1_left.jpg" border="0"/>
  41. </div>
  42. <div class="links">
  43.     <a href="#">首页导读</a><a href="#">在线用户</a><a href="#">查询网友</a><a href="#">在线好友</a><a href="#">好友名单</a><a href="#">查看讯息</a><a href="#">发送讯息</a>
  44. </div>
  45. </body>
  46. </html>

另外附件里上传了需要的图片。
描述:需要的图片和效果图
附件: images.zip (215 K) 下载次数:3

作者: boss   发布时间: 2010-08-17

...没有人来帮帮忙吗?

作者: boss   发布时间: 2010-08-17

同志:你没有找到问题所在啊!!
你把两个div的边框加起来看看
就知道问题在哪里了!!!
自己去找找吧!!!

作者: binbin19891117   发布时间: 2010-08-17

相关阅读 更多

热门下载

更多