音画帖子，在动网程序或者其他博客网站中显示很正常， 可是发表在使用discuz6.0程序的论坛上，就会出现一些问题， 下面我来谈谈自己的心得，与大家交流！

举例：

我喜欢爱吧音乐论坛！

复制内容到剪贴板

代码:

<table border="3" cellpadding="10" cellspacing="3" width="550px" background="http://18i8.blog.enorth.com.cn/attachment/pic/203575.jpg" bordercolorlight="DD8500" bordercolordark="80431A"><tr><td width="100%"><B><FONT size=2 color=white>[align=center] 我喜欢爱吧音乐论坛！[/align]</font></td></tr></table>

引用:

在代码中，width="550px"，已经明确规定了表格的宽度为550px，却在显示的时候，不能正常显示，这是为什么呢？ 其实这不是程序的问题，只是我们在设置表格宽度的时候，还要加上一句代码：style="width: 550px;"，这样就可以正常显示了 演示如下：

我喜欢爱吧音乐论坛！

复制内容到剪贴板

代码:

<table border="3" style="width: 550px;" cellpadding="10" cellspacing="3" width="550px" background="http://18i8.blog.enorth.com.cn/attachment/pic/203575.jpg" bordercolorlight="DD8500" bordercolordark="80431A"><tr><td width="100%"><B><FONT size=2 color=white>[align=center] 我喜欢爱吧音乐论坛！[/align]</font></td></tr></table>

也可以使用下面的方式：

我喜欢爱吧音乐论坛！

复制内容到剪贴板

代码:

<div style="width: 550px;"> <table border="3" cellpadding="10" cellspacing="3" width="100%" background="http://18i8.blog.enorth.com.cn/attachment/pic/203575.jpg" bordercolorlight="#DD8500" bordercolordark="#80431A"><tr><td width="100%"><B><FONT size=2 color=white>[align=center] 我喜欢爱吧音乐论坛！[/align]</font></td></tr></table> </div>

当我们使用多层表格嵌套来达到美观的设计的时候，经常发现，表格中出现多余的线条，与背景颜色不协调，这主要是没有定义表格背景色，表哥边框的颜色，大家可以尝试一下：

编辑内容

表格单元格衬距和单元格间距的在网页帖子中，区别不明显，都可以正常显示，但是在discuz上就不行了，演示：

我爱爱吧音乐论坛！

复制内容到剪贴板

代码:

<table border="1" style="width: 700px;" cellpadding="0" cellspacing="30" width="700px" background="http://18i8.blog.enorth.com.cn/attachment/pic/203572.jpg" bordercolorlight="#63522D" bordercolordark="#342A18" topborder="0"><tr><td width="100%" align="right"> <table border="1" cellpadding="0" cellspacing="10" width="100%" background="http://18i8.blog.enorth.com.cn/attachment/pic/203573.jpg" bordercolorlight="#63522D" bordercolordark="#342A18"><tr><td width="100%" align="center"><table border="1" cellpadding="1" cellspacing="0" width="100%" background="http://18i8.blog.enorth.com.cn/attachment/pic/203574.jpg" bordercolorlight="63522D" bordercolordark="342A18"><tr><td width="100%" align="center"><table border="1" cellpadding="10" cellspacing="0" width="100%" background="http://18i8.blog.enorth.com.cn/attachment/pic/203575.jpg" bordercolorlight="63522D" bordercolordark="342A18"><tr><td width="100%" align="center"> <P align=center>我爱爱吧音乐论坛！</P></td></tr></table></td></tr></table></td></tr></table></td></tr></table>

引用:

以上的演示是正常的，这里面的代码：cellpadding="0" cellspacing="30" cellpadding="0"就是单元格衬距，cellspacing="30"就是单元格间距， 在discuz程序中cellspacing起作用，cellpadding不管用

不正常的演示：

我爱爱吧音乐论坛！

复制内容到剪贴板

代码:

<table border="1" style="width: 700px;" cellpadding="30" cellspacing="0" width="700px" background="http://18i8.blog.enorth.com.cn/attachment/pic/203572.jpg" bordercolorlight="#63522D" bordercolordark="#342A18" topborder="0"><tr><td width="100%" align="right"> <table border="1" cellpadding="0" cellspacing="10" width="100%" background="http://18i8.blog.enorth.com.cn/attachment/pic/203573.jpg" bordercolorlight="#63522D" bordercolordark="#342A18"><tr><td width="100%" align="center"><table border="1" cellpadding="1" cellspacing="0" width="100%" background="http://18i8.blog.enorth.com.cn/attachment/pic/203574.jpg" bordercolorlight="63522D" bordercolordark="342A18"><tr><td width="100%" align="center"><table border="1" cellpadding="10" cellspacing="0" width="100%" background="http://18i8.blog.enorth.com.cn/attachment/pic/203575.jpg" bordercolorlight="63522D" bordercolordark="342A18"><tr><td width="100%" align="center"> <P align=center>我爱爱吧音乐论坛！</P></td></tr></table></td></tr></table></td></tr></table></td></tr></table>

引用:

这里面是这样设置的cellpadding="30" cellspacing="0"，不起作用

;

学习!!老大辛苦!!