Table 在 Blogger

昨晚在 Blogger 內首試打 Table，效果可惱人，Blogger 會將 Table 內所有隱形的 Returns (＜br＞) 堆在 Table 之前，如下：

收入			334,232,326
支出	薪酬及福利	152,375,640		45.59%
	假期	54,125		0.02%
	公/強積金	9,752,146		2.92%
	總行政支出		162,181,911	48.52%

明明撰寫與預覽正正常常，發佈文章後才會發現 Table 與前文隔得老遠，十分惱人，及後在網上尋得解決之法，首先在“版面配置”的“修改 Html” 或在 Style Sheet 內加上以下句法：
.nobr br { display: none }
td { vertical-align: top }
.table-br tr td br { display: inline }
然後在內文 Table 的修改 Html，用以下句法作 Table 開端：
＜div class="nobr" ＞
＜table class="table-br;" ＞
效果如下，令人煩惱的隔行失縱了！

收入			334,232,326
支出	薪酬及福利	152,375,640		45.59%
	假期	54,125		0.02%
	公/強積金	9,752,146		2.92%
	總行政支出		162,181,911	48.52%

試玩 lightbox 2

請用 mouse click 下面張相... click 完可以留意見話我知有乜反應嗎？



在 Lokesh Dhakar 的網頁上看到 lightbox 2 的介紹，感覺很有趣，但由於自己沒有 server host 那些 .js，所以未能試玩；後來看到大好人 Jinn 把那些 .js 放在自己 server 公開給大家使用，所以可以試一試用了，成品如上，於 firefox 上完全無問題，曾經在 ie6 上可以順利運行，但之後重試卻運行不到，十分飄忽。v_v

Blogger 自由度真的很高，而且高手如雲資源處處... 不過希望自己不會由寫 blog 變成玩 blog 罷！
:-)

後記：看來 ie6 運行問題在於未能完全載入外掛的 .js 所引致...有待引證

照片上加上外框

測試連接網上相簿連結的相片：

測試成功之後覺得自己的相片大部份用黑色相框，感覺與前文後理 (亂用成語！) 的距離增加，今天下午找尋 html 的網頁找資料，希望可以做到用 mouse 移到照片上會出現外框...

在 google 的幫助下找到 onmouseover/onmouseout 可以做到類似效果，在多番嘗試下，但始終未能將 mouse 移到相片後出現的外框顏色更改。之後在 W3Schools 尋找，發覺網址的 "hover" 效果可能可以做到類似效果而又同時可以更改顏色，在 blog 的 style 部份作以下修改：

將原來的 img { border="0"}

改為
img {border: 1px solid black} 正常情形下只會顯示網頁背景顏色的框
img:hover {border: 1px solid #3e3e3e} 當 mouse 移到相片後框的顏色會轉變為深灰色

但此效果未能在 internet explorer 6 上顯示，firefox 則完全無問題。

第二支部開幕

早前由於嚴重不滿 Windows Live Spaces 的速度過慢及介面欠缺自由度，經女友及朋友光圈介紹，初步接觸 blogspot；及後在 Final Sense 找到一個頗合心意的簡約模板，在經過個多星期的修飾後，雖然仍有很多地方需要修改或微調，暫時總算親手製做了一個頗為滿意的個人化介面，感覺很好。

現階段將不會即時將位於 Windows Live Spaces 的初代《郛楞椏綰》刪除；我現在的想法是初代《郛楞椏綰》仍維持生活化的風格，而第二支部則以 photo blog 的形式進行試用。可能在試用後會把所有內容集中於第二支部，唯暫時仍以分途廣播形式，希望做到各自各精采吧！