Dreamweaver技巧精粹(虚线表格、透明配置等)

2008-02-23 06:06:36来源：互联网阅读 ()

　　Dreamweaver技巧精粹(虚线表格、透明配置等)

　　一、解决表格紧贴左上方的问题

　　方法一：Ctrl J，弹出Page Properties，将Left, Top, Margin Width, Margin Height 全部

　　设为0。

　　方法二：把下面一段代码加到您的<body>中topmargin="0" leftmargin="0"

　　方法三：方法二中只适用于IE，假如让其也适用NETSCAPE加入下面代码

　　<body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0" >

　　二、在DW中将图设为透明alpha配置例：

　　<html>

　　<head>

　　<title>css</title>

　　<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

　　<style type=text/css>

　　.pic{filter:alpha(opacity=50)}

　　</style>

　　</head>

　　<body bgcolor="#FFFF00" text="#000000">

　　<img src="0008.jpg" width="303" height="385" class="pic">

　　</body>

　　</html>

　　三、配置表格虚线

　　方法一：作一个1X2的图。半黑半白，再利用表格作成线。

　　方法二：在css里面设

　　在css面板里new一个style，选择"redefine HTML Tag",再在下拉菜单里先“table”

　　在接下来的面板里，category里选择border ，border里，将top,left,right,bottom都设成1px，颜色设成您将来想要的边框的颜色。style下拉里选择dashed一切ok。只是任何的表格都会用虚线做边框了

　　方法三：在html里设（假如您只想让某一个表格边框是虚线的话）

　　在表格的html里加上这个：style="BORDER-LEFT: #000000 1PX DASHED; BORDER-RIGHT: #000000 1PX DASHED; BORDER-TOP: #000000 1PX DASHED; BORDER-BOTTOM: #000000 1PX DASHED"

　　颜色是十六位代码，您能够自己设。方法二、三，只能在ie里用，到了netscape里一点用处都没有，除非您用做好的底图填充。但建议用图片做要IE5。5才支持这种效果

　　四、关于表格中行距和段距

　　假如是在一个表格里的话，能够用样式表来调整：

　　.td{line-height:120%}

　　shift enter换行

　　五、如何使背景固定位置不变

　　在draemweaver中按Ctrl Shift E，新建一CSS样式（new），在background标签里，能够设定背景的各个选项：

　　Background : 背景色

　　Background Image :选取您的背景图

　　Reapeat : 背景图是否重复，其中选no-repeat为不重复，repeat为重复，repeat-x和repeat-y分别为只在X和Y方向重复。

　　Attachment : 背景图位置，fix为背景图位置固定不变，scroll为背景图随页面一同滚动

　　Horizontal : 为固定背景图时图在水平方向所居的位置，能够选择居中，居左，居右或自己设定距左的距离。

　　Vertical : 为固定背景图时图在竖直方向所居的位置，能够选择居中，居顶部，居底部或自己设定距顶的距离。

　　注意带 * 的选项要在浏览器里才能看到效果。

　　设定完毕，对Dreamweaver左下角点选<body>应用该CSS样式就行了

　　------------------------------------------------

　　不光是<body>标签，页面里有的元素都能够在那里选择，能够很方便的选取应用对象。

　　对于任何onload 的触发事件，也都能够选<body>再加Behavior，比如drag layer或打开页面后弹出窗口等等

　　-----------------------

　　background-attachment属性控制背景图象是否随内容一起滚动，取值为scroll和fixed。默认值为scroll（滚动）；fixed为静止。

　　将以下代码加在<head>...</head>之间：

　　<style>

　　body{background-attachment:fixed}

　　</style>

　　六、如何在DW4中控制表单里的东东

　　试试这个代码：

　　<form name="form1" >

　　<select class="text9_blue" name="mlink"

　　onChange="javaｓcript:window.open(mlink.options[mlink.selectedIndex].value)" size="1">

　　<option>请选择</option>

　　<option value="http://www.tianying.daokedao.com";>ｘｘｘｘｘｘ</option>

　　</select>

　　</form>

　　

　　--------------------------------------------------------------------------------

　　在插入跳转菜单时有“open urls in” 一项、在这里选择您想到的窗口名，就行了。

　　--------------------------------------------------------------------------------

　　七、在DW中如何使插入的FLASH透明

　　选中swf,打开原代码窗口，在</object>前输入

　　<param name="wmode" value="transparent">

　　八、DW4中配置表格亮边框和暗边框

　　做一个像素宽度有颜色的表格线

　　1、将表格边框 border配置为0 Cell space配置为0 Cell padding配置为0

　　2、打开样式面板新建一个样式。选择Border配置边框属性。

　　3、选中整张表格应用这个样式即可。

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有