文字和图像混排，可以为我们的页面增加色彩和活力。当然这是在文字和图像搭配得比较得当和得体的前提下。然而有的文字和图像的排列却往往不尽人意。有时我们发现利用Dreamweaver制作的页面在Internet Explorer中看很漂亮，图形定位也很准确，但是当你使用Netscape或其它的浏览器时，发现图形位置错位或者覆盖文字，这大大影响了网页的效果。下面的两幅图分别是某个文件在Internet Explorer和Netscape下浏览的效果图。

用Netscape浏览的效果图：

用Internet Explorer浏览的效果图：

如何控制这种情况的发生呢？这里我们就来谈一谈如何利用Dreamweaver来实现图文的混排。

其实出现上面的情况的原因很简单，Internet Explorer和Dreamweaver同属于微软的产品，它们之间有比较好的兼容性，相互之间能够形成“对话”。然而Netscape却不能“理解其中的意思“，因此采用这两种不同的浏览器会出现不同的效果。

那么怎样改变上面出现的不正常的情况呢？很简单，我们查看以下源程序，发现上面一段的源程序是这样的：

　　<span class="p2" style="line-height:17pt">
　　　　<p align="left">
　 　　　下面是这段代码产生的显示效果：</p>
　　　　<p align="center"><img src="img/ol04006.gif" width="425"
　　　　　　　　　height="97"></p>
　　　　<p align="left">　　怎么样？如果你选择的背景图片质量很高的话，背景会更漂亮的。</p>
　　</span>

在上面的源代码中，我们发现代码对图像做了行间距的设置，我们只要将图片的行间距去除掉，就可以了。下面是变更后的代码：

　　<span class="p2" style="line-height:17pt"><p align="left">
　 　　　下面是这段代码产生的显示效果：</p></span>
　　<;p align="center"><img src="img/ol04006.gif" width="425"
　　　　　　　　　height="97"></p>
　　<span class="p2" style="line-height:17pt"><p align="left">
　　　 怎么样？如果你选择的背景图片质量很高的话，背景会更漂亮的。
　　　　</p></span>

另外我们也可以利用表格进行图形的定位，也不失为一种好方法，但是也可能会出现其他的问题。这一点我们会在其他的技巧中讨论。

作者：佚名　 来源：不详