Serene, Everything

星期三, 11月 12, 2008

Splendid Winter... Get Chilled Up North!

幫泰國做的活動網頁：Splendid Winter...Get Chilled Up North!。原來…泰國四季如夏，根本就沒有冬天！

星期一, 11月 10, 2008

用CSS將網頁的內容水平與垂直置中

有時候我們想讓網頁的內容隨著使用者將瀏覽器的範圍放大或縮小，都可以自動置中；如果用表格的話，其實就可以很簡單的做到這個功能，但使用CSS來建構網頁會比透過表格的方法來得好多了！因為CSS不但在語義上，甚至是各種控制的方式都比表格靈活許多！

以底下這個例子來說，我們要將網頁的內容放進div裡，設定div的id為"theDiv"，假如寬、高為800px、450px，那麼我們也得將寬高指定進來！透過position為absolute的方法，指定div的位置在垂直與水平皆為50%；由於絕對定位(position:absolute)是以div的左上角為依據，所以這個時候位置並不是直正的水平與垂直置中，我們還得透過指定margin(邊界)的方式來達到這個功能，也就是將寬、高各減去一半(寬減去450/2=225px，高減去800/2=400px)，這樣就會自動的水平與垂直置中了：

#theDiv {
height: 450px; /* div的高度 */
width: 800px;/* div的寬度 */
position: absolute;
top: 50%;
left: 50%;
margin: -225px 0 0 -400px;/* 邊界減去一半的寬高 */
}

也許CSS有其它方法能做到類似的功能，不過這個方法算是滿簡單易懂的就是了。

星期四, 11月 06, 2008

你也可以當CSS的按鈕設計師

一個小有趣的網站：CSS Button Designer，專門做按鈕的…CSS的按鈕。

用Javascript確保網頁在IE6看起來跟IE7一樣

很多人都遇到過網頁在IE7看的時候是正常的，但在IE6或其它舊版IE上看卻很怪的情形。或者，剛好相反…

所以Dean Edwards編寫一個javascript庫，加強舊版IE(IE6、IE5)，讓它們看起來就相容於標準瀏覽器，它同時修復了舊版IE(IE5、IE6)許多的CSS問題，也讓透明png能正常使用。

目前這個javascript放在google伺服器上，所以Dean會幫我們更新。

更棒的是，他允許我們用"hot-link"的方式，直接連到google伺服器(http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js)。

星期三, 11月 05, 2008

SCB的簡易登入頁面設計

如題。簡單乾淨的版面…

星期二, 11月 04, 2008

裝了IE7以後一樣可以用舊版的IE瀏覽器？

除了FireFox之外，IE7是我另一個比較常使用的瀏覽器，但IE7都已經出來很久很久了…卻還是有很多人使用IE6、不願意用IE7。

現在有個問題是：「當你裝了IE7之後，電腦就不能裝IE6了！？」

如果你也跟我一樣曾遇到這樣的問題，也許你應該用用獨立的(Stand-alone)IE6瀏覽器！"Evolt's Browser Archive"應該可以下載到你想要的舊版IE獨立版本。