幽忧 发表于 2008-12-1 11:10:31

Dreamweaver MX进阶教程(二十)使用一象素透明图像固定单元格宽度

<P><STRONG>问题的产生</STRONG><BR>1. 单击插入面板上的“插入表格”图标,设置插入表格参数如下图。<BR><IMG height=159 src="/bbs/attachments/websoft/20081201/20081211195257877801.gif" width=373><BR>2.插入一个表格。<BR><IMG height=142 src="/bbs/attachments/websoft/20081201/20081211195264077802.gif" width=270><BR>3.在表格中输入文字<BR><IMG height=142 src="/bbs/attachments/websoft/20081201/20081211195268777803.gif" width=270><BR>这时的表格出现了变形。<BR>使用dreamweaver自带的1×1象素透明图像,可以固定单元格的大小。</P><P><BR><STRONG>生成1×1象素透明图像</STRONG><BR>1.选择“编辑”/“参数选择”。在“布局视图”类别中,单击“创建”按钮。<BR><IMG height=425 src="/bbs/attachments/websoft/20081201/20081211195273477804.gif" width=549><BR>2.选择透明图像存放的目录,然后单击保存按钮。这时生成了透明图像。<BR><IMG height=373 src="/bbs/attachments/websoft/20081201/20081211195278177805.gif" width=633><BR>3.单击“确定”按钮,完成参数设置。<BR><IMG height=425 src="/bbs/attachments/websoft/20081201/20081211195282877806.gif" width=549></P><P><BR><STRONG>使用1×1象素透明图像固定单元格宽度</STRONG><BR>1.在站点面板中,选中透明图像。<BR><IMG height=195 src="/bbs/attachments/websoft/20081201/20081211195287577807.gif" width=237><BR>2.把透明图像拖到单元格中。<BR><IMG height=140 src="/bbs/attachments/websoft/20081201/20081211195292177808.gif" width=256><BR>3.并且在属性面板上,设置透明图像的宽度。<BR><IMG height=117 src="/bbs/attachments/websoft/20081201/20081211195296877809.gif" width=417><BR>4.单元格中插入了透明图像的表格。<BR><IMG height=140 src="/bbs/attachments/websoft/20081201/20081211195315778010.gif" width=256><BR>5.在单元格中输入文字,这时单元格没有变形。<BR><IMG height=140 src="/bbs/attachments/websoft/20081201/20081211195362778011.gif" width=256><BR>6.按F12在浏览器中测试,单元格也没有变形。<BR><IMG height=160 src="/bbs/attachments/websoft/20081201/200812111953109778012.gif" width=261><BR></P><p></p></p><p align='center'><font color='red'><b></b></font></p>
页: [1]
查看完整版本: Dreamweaver MX进阶教程(二十)使用一象素透明图像固定单元格宽度