提問之前請先閱讀網友常問的問題







不使用 <table>,亦無須將表單套入 <div> 中,僅用 <form> 即可。

<form>
        <img src="pixnet-logo.png" />
        <input>
        <input type="submit" value="搜尋">
</form>


表單中插有的圖片,同旁邊的文字輸入框和送出紐的對齊方式預設為底線對齊。相對於旁邊的文字輸入框和送出紐,圖片的垂直位置偏上。


若要圖片相對於旁邊的文字輸入框和送出紐的垂直位置居中,需給圖片的 <img> 指定 CSS:vertical-align:middle,其餘原始碼不變。

呆丸北拜 發表在 痞客邦 留言(0) 人氣()

<body>
<embed src="flash.swf" width="300" height="265" />
</body>

 

共4部份用到 CSS:
HTML 標籤、標籤屬性、屬性值、XHTML 風格的標籤關閉。

呆丸北拜 發表在 痞客邦 留言(0) 人氣()

原始碼中所有的換行、空格、TAB,在 HTML 的解析中都只當作為一個空格,除非使用 <pre> 標籤,才能夠將原始碼中的換行、空格、TAB 等得以保留。

此乃放置原始碼的方框,其中的原始碼為套用至本方框所用 <pre> 標籤之 CSS 原始碼。方框顏色參考英文維基百科中放置 CSS 原始碼之方框的顏色。

pre {
margin: 0;

呆丸北拜 發表在 痞客邦 留言(0) 人氣()

Firefox 內容編碼錯誤

內容編碼錯誤
你嘗試檢視的頁面無法顯示,因為其中使用了無效或不支援的壓縮類型。

  1. 請向網站擁有者回報此問題。


呆丸北拜 發表在 痞客邦 留言(0) 人氣()

修改是根據偶目前在用的樣式:側邊攔在左邊,內文在右邊。修改後側邊攔寬度不變,內文寬度增加。

樣式名稱為「來更換自己的圖片吧」,此樣式的內文寬度為 635 像素。於公告版位放置 728x90 像素的 Google AdSense 廣告組,公告版位寬度與內文寬度相等亦為 635 像素。但是廣告寬度為 728 像素,偶們都知道 Google AdSense 廣告組的寬度固定無法改變,為了讓廣告寬度同內文寬度持平,只得增加內文寬度。將內文寬度增加 95 像素至 730 像素,大於廣告寬度 728 像素,這樣廣告就不會被隱藏一部分,可以完整顯示。

如果只是單純地將內文寬度增至 730 像素,整個版面就會跑掉。還需要對整個模板的寬度進行相應調整。

呆丸北拜 發表在 痞客邦 留言(1) 人氣()

在同時指定 list-style-type 和 list-style-image 的情況下,list-style-image 起作用而 list-style-type 不起作用。
例如以下 CSS 原始碼:

ol {
        list-style-type: square;
        list-style-image: url(bullet.gif);
}

<ol> 清單只會顯示 list-style-image 所指定之清單背景圖片,而不會顯示 list-style-type 指定類型的清單符號。

如果只是想要暫時不使用 list-style-image,僅使用 list-style-type,應給 <ol> 指定臨時 CSS:

呆丸北拜 發表在 痞客邦 留言(0) 人氣()

<ol> 和 <ul> 使用的清單符號顏色只有黑色和白色這兩種顏色,CSS 2.1 中並沒有指定清單符號顏色的定義。偶們可以通過 list-style-image 來指定清單的背景圖片,這個背景圖片需要具有同清單符號相似大小,這樣它看上去就像是清單符號而非背景圖片。英文維基百科所使用之清單的背景圖片就具備如此之特殊條件。

這個就是英文維基百科所使用之清單的背景圖片:,為了同網頁背景加以區分偶給它加上了紅色的邊框,很小隻的一個圖片,5x13 像素。圖中的小正方形顏色為 #638C9C,其餘部份為 GIF 背景透明。使用其作為清單的背景圖片,偶使用以下 CSS 原始碼:

ol {
list-style-image: url(http://lh3.ggpht.com/_2TvDANS_XQI/SYllxO_NwZI/AAAAAAAABEc/LVYNnsQQoJY/s800/bullet.gif);

呆丸北拜 發表在 痞客邦 留言(0) 人氣()

最常使用製作清單的 HTML 標籤為 <ol> 和 <ul>,<ol> 和 <ul> 除去預設的 list-style-type 之外,並無不同。可以通過 CSS 指定來覆寫它們預設的 list-style-type,從這點來看 <ol> 和 <ul> 沒有區別,擇其一隨意使用。痞客邦部落格有使用 <ul>,未使用 <ol>,所以偶們選擇 <ol> 作為偶們製作清單的 HTML 標籤。

痞客模版的預設 CSS 有定義 ol {margin:0},為了網頁美觀 <ol> 預設會留有四邊的 margin。所以偶們為了網頁美觀需要將 margin 加上去,偶是指定了左邊留有 4em 的 margin,ol {margin-left:4em}。

痞客模版的預設 CSS 有定義 ol {list-style:none},也就是沒有清單符號。當然偶們希望製作的清單保有清單符號,偶是指定了最常用的正方形作為清單符號,ol {list-style-type:square}。

呆丸北拜 發表在 痞客邦 留言(0) 人氣()

若網頁的 CSS 中有定義 ol 或 ul 的 list-style-image,則使用 IE6 和 Firefox3 儲存網頁會無法保存 list-style-image 中的圖像。

例如以下 CSS 原始碼,在網頁儲存後其 _files 資料夾中並無檔案 bullet.gif

ol,ul {
        list-style-image: url(bullet.gif)
}


呆丸北拜 發表在 痞客邦 留言(0) 人氣()

PCSX2 模擬 PS2 遊戲的正常遊戲速度,大部分遊戲為 60FPS,遊戲速度在 100% 時模擬器視窗標題列會顯示 60FPS。適用於日版遊戲(NTSC-J)、美版遊戲(NTSC-U)、台灣繁體中文版遊戲(也是 NTSC 的)。

歐洲版本的遊戲(PAL),正常遊戲速度為 50FPS。遊戲速度在 100% 時模擬器視窗標題列會顯示 50FPS。

同樣的遊戲若有美版、日版、歐版,建議玩美版或日版,因為 PCSX2 及其插件對於美版或日版(NTSC)遊戲的相容性要好於歐版(PAL)。一般遊戲大作都同時具有美版、日版、歐版,例如《勇者鬥惡龍8》、《太空戰士X-2》。

文章標籤

呆丸北拜 發表在 痞客邦 留言(0) 人氣()