2010年9月30日 星期四

修正xoops內預設style.css的table td對網頁版面的影響

在fckeditor內編輯好的文章表格跟文字只要儲存後,文章的呈現就會跟編輯時不同,例如文字的垂直對齊原本在編輯時是置中對齊的,但是儲存後卻會變成向上對齊(valign="top"),這是因為在xoops內預設的style.css第4-5行:table td {padding: 0px; vertical-align: top; }影響了最後呈現的版面。

修正的方法是把這句標注起來使其無法執行,但是標注後會發現,左右兩側的欄位就無法一直向上對齊了!這是因為vertical-align: top也被取消了,解決方法是,在#centercolumn 、#leftcolumn、#rightcolumn後面的描述再加上vertical-align: top; 就可以囉~

2010年9月29日 星期三

解決表單form高度問題

在製作表單時,當要插入表單于表格中時往往會出現表格的高度變大,並不是我們想要的效果,這類出問題出現的原因是<form>標籤出現在了<table>的前面,如下:
程式碼<form name="test" method="post">
<table>
<tr>
<td>
</td>
</tr>
</table>
</form>

解決的方法很簡單:即將<form>放在<table>與<tr>之間,如下:
程式碼<table>
<form name="test" method="post">
<tr>
<td>
</td>
</tr>
</form>
</table>

或者

<table>
<tr>
<form name="test" method="post">
<td>
</td>
</form>
</tr>
</table>

問題是解決了,但同時也帶來其他的問題.那就是當我們用MS的Webdesigner之類的工具再次打開這頁面時,提示標籤錯誤,這類軟體要求<form>標籤要放在<table>的外面...

放在外面就會出現高度增加的情況,反正IE和FF都能正常解釋,所以不用管了,就放在裏面好了.

不過,這不代表問題從根本上得到解決,畢竟這樣的代碼是通過不了驗證的,也就是說不是符合標準的,當w3c不讓我們用table來排版的時候,就需要用其他的方法.讓我們來看看從根本上解決問題的方法:

程式碼

<style>
   form{margin:0}
   </style>

==========================================
收錄自http://hi.baidu.com/yytao/blog/item/3ac6b1de570a2851cdbf1a06.html

2010年9月28日 星期二

解決tadnews模組內fckeditor編輯完表格後無法出現邊框的問題

在xoops下使用tadnews模組內的文章編輯器常會發生從word貼上表格,但是前台無法出現表格框的問題
這通常是預設的style.css裡面的開頭第四行

table td {padding: 0; border-width: 0; vertical-align: top; }

把上面的border-width: 0;刪除或是數值改為1即可

2010年9月16日 星期四

用safari下載youtube的影片檔案

Step 1.
觀看影片的頁面

Step 2.
在影片下載時

Step 3.
打開Safari上方選項列 視窗/網路活動

Step 4.
找到正在下載的路徑(下載數字一直變動的那個,通常數目也比較大)

Step 5.
雙擊路徑,就會打開下載器下載影片。