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

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

新老客户大回馈,云服务器低至5折


  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="javascript:window.open(mlink.options[mlink.selectedIndex].value)" size="1">

  <option>请 选 择</option>

  <option value="http://www.tianying.daokedao.com";>xxxxxx</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
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇: Dreamweaver鲜为人知的小秘诀

下一篇: Dreamweaver技巧50问