【摘要】：图7-69 页面效果本节将把AP元素布局的导航条转换为表格布局，以精确布局页面。步骤如下：按住Shift键选中要转换为表格的5个AP元素。单击“确定”按钮关闭对话框，并将选中的AP元素转换为表格。调整表格的宽度和高度，使其与原来单元格的宽度和高度一致。
在上一章中我们已基本完成了主页的制作，在浏览器中预览时会发现，当缩放窗口时，使用AP元素定位的导航项目图片位置始终保持不变，但相对于整个页面来说，页面布局就变得有些混乱了，如图7-69所示。
图7-69 页面效果
本节将把AP元素布局的导航条转换为表格布局，以精确布局页面。步骤如下：
按住Shift键选中要转换为表格的5个AP元素。
执行“修改”/“转换”/“将AP Div转换为表格”菜单命令，打开“将AP Div转换为表格”对话框。
在“表格布局”区域选择“最小：合并空白单元”，且“小于4像素宽度”。在“布局工具”区域选中“防止重叠”复选框。
单击“确定”按钮关闭对话框，并将选中的AP元素转换为表格。如图7-70所示。
图7-70 转换后的表格(www.xing528.com)
图7-71 表格效果
由于导航图片的背景是透明的，且有两张导航图片的文本颜色为白色，因此不可见。
选中转换出来的表格，将其插入到原来导航图片所在的单元格中。
调整表格的宽度和高度，使其与原来单元格的宽度和高度一致。完成后的效果如图7-71所示。
保存文档，并按F12键在浏览器中预览，效果如图7-72所示。
图7-72 页面效果
此时无论怎样调整窗口的大小，导航图片的位置始终相对不变，从而保持整个页面布局的整洁。
免责声明：以上内容源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。
