网站首页网站地图google地图百度地图学习库RSS在线PSPS联盟素材下载  PS视频教程专题 PS爱好者教程网www.psahz.com PS教程自学网QQ群

Dreamweaver MX进阶教程:固定单元格宽度

时间:2013-12-23 14:24 来源:dreamweaver教程 作者:固定单元格宽度 阅读:
Dreamweaver MX进阶教程:固定单元格宽度

问题的产生
1. 单击插入面板上的“插入表格”图标,设置插入表格参数如下图。


Dreamweaver MX进阶教程:固定单元格宽度


2.插入一个表格。


Dreamweaver MX进阶教程:固定单元格宽度


3.在表格中输入文字


Dreamweaver MX进阶教程:固定单元格宽度


这时的表格出现了变形。
使用dreamweaver自带的1×1象素透明图像,可以固定单元格的大小。


生成1×1象素透明图像
1.选择“编辑”/“参数选择”。在“布局视图”类别中,单击“创建”按钮。


Dreamweaver MX进阶教程:固定单元格宽度


2.选择透明图像存放的目录,然后单击保存按钮。这时生成了透明图像。


Dreamweaver MX进阶教程:固定单元格宽度


3.单击“确定”按钮,完成参数设置。


Dreamweaver MX进阶教程:固定单元格宽度


使用1×1象素透明图像固定单元格宽度
1.在站点面板中,选中透明图像。


Dreamweaver MX进阶教程:固定单元格宽度


2.把透明图像拖到单元格中。


Dreamweaver MX进阶教程:固定单元格宽度


3.并且在属性面板上,设置透明图像的宽度。


Dreamweaver MX进阶教程:固定单元格宽度


4.单元格中插入了透明图像的表格。


Dreamweaver MX进阶教程:固定单元格宽度


5.在单元格中输入文字,这时单元格没有变形。


Dreamweaver MX进阶教程:固定单元格宽度


6.按F12在IE浏览器中测试,单元格也没有变形。


Dreamweaver MX进阶教程:固定单元格宽度

    PS笔刷下载 PS滤镜下载 PS形状下载 PS样式下载 PS动作下载 PS图案下载
    相关教程