DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> Dreamweaver技巧精粹(虛線表格、透明設置等)
Dreamweaver技巧精粹(虛線表格、透明設置等)
編輯:Dreamweaver相關     
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="替換webdesign.chinaitlab.com/dwjq/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="替換www.tianying.daokedao.com";>xxxxxx</option>
</select>
</form>

--------------------------------------------------------------------------------
在插入跳轉菜單時有“open urls in” 一項、在這裡選擇你想到的窗口名,就行了。
--------------------------------------------------------------------------------

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

選中swf,打開

12下一頁
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved