| 名稱: | CSS 下拉式功能表 |
| 語法: | CSS |
| 適用: | |
| 說明: | 無 |
| 備註: | 本文取材自「解決學習 CSS 一定會遇到的 111 個問題」松崗出版 |
卜維丰 1/30 07'
同意轉載,不過麻煩看一下轉載需知
添加搜藏
塵翌 2009/7/14 下午 10:16:00
老師好~
我有使用本書156的方式寫出了下拉式目錄,但是在插入超連結時格會出現格式錯誤或是亂碼的情況~請問是哪出了問題
援例豬 2009/6/17 下午 06:39:00
老師您說不一定要放在根目錄:
但是沒放在以下路徑就讀不到呀
<link href="xxx.css">
<link href="css/xxx.css">
例如:
<link href="images/apple/css/xxx.css">
這樣就讀不到了
ling 2009/4/16 下午 02:31:00
卜老師您好…
我用純文字+css作下拉選單…
但下面有select或input時,
選單出來時會被下方的select或input蓋住。
已試過,將select和input設z-index為1,
將選單裡的ul和li的z-index設為99,
但無效!
請問有解決的辦法嗎?
卜維丰 2008/8/20 下午 03:15:00
Migi, 可以, 我書裡應該有寫
在 CSS 中加入 behavior 修正, 讓 IE6 也可以支援 hover 動作
Migi 2008/8/20 下午 01:50:00
老師,您好:請問以CSS製作下拉式功能表,在IE6.0版下是否可以正常的瀏覽和呈現呢?
卜維丰 2008/5/30 上午 11:25:00
安仔,所以你沒研究原始碼嘛
你的 Q1, 只有把 pulldown.css 連結進去, 清單沒有任何設定
Q2 本來就是水平下拉式, 直式有直式的作法
你一樣, 沒在研究, 如果你只是要答案的話
水平及垂直例在這裡 http://audi.tw/CSS/04/index.html, 看原始檔, 照格式寫就有結果了
安仔 2008/5/29 下午 04:59:00
老師你好,先感謝你的回答,小弟今天在試CSS時,又碰到問題,希望可以幫忙回答!感謝老師。
*小弟目前編輯軟體使用Micro Frontpage。
其他*.CSS
http://home.free.don-net.com/eric80317/test/css.css
http://home.free.don-net.com/eric80317/test/csshover.htc
http://home.free.don-net.com/eric80317/test/font.css
http://home.free.don-net.com/eric80317/test/pulldown.css
Q1.測試網頁:http://home.free.don-net.com/eric80317/test/test1.htm
已經套用pulldown.css
不知如何浮動隱藏子目錄,和目錄標題的連結。
Q2.測試網頁:http://home.free.don-net.com/eric80317/test/test2.html
這是網站範本下載的。
問題在於,要怎麼直式表格,不要有水平線。
Q3.關於老師說,直接copy原始碼回去用,小弟試過,不過怎麼用修改都是無法出現下拉式,都變成一般文字連結。
以上就是小弟很大的問題T_T
望請老師多多幫忙指導與包涵,因為小弟要做網站所以需要用像老師網站上的下拉式選單(很漂亮又實用)。
謝謝!
卜維丰 2008/5/28 下午 01:03:00
安仔, 我書上有寫, 也有範例
就算你沒書, 上面頁框內也有原始檔
我沒鎖右鍵, 放心查看原始檔
把 pulldown.css 下載回去套用, 就可以了
安仔 2008/5/28 上午 01:17:00
老師,我把網頁傳到網路上去,範例如下
http://home.free.don-net.com/eric80317/
謝謝你的幫忙!
安仔 2008/5/28 上午 01:08:00
老師你好,希望你可以幫忙回答你這個問題,
我想做出像老師您的網頁左邊那樣的下拉式選單。目前遇到的問題如下,希望可以不吝回答,
在此非常的感謝你的幫忙!
1.目前已經把分類好,如
a.單元
a-1.單元
a-2.單元
以此類推。(用語法寫好了)
2.現在不知道要下一個步驟如何繼續,
是否有範本可以參考?不好意思。
請老師幫忙謝謝!
秋風 2008/2/20 下午 02:00:00
原本諗住用這下拉功能表做相簿的選單(因為名稱太長),但突然醒起它沒有捲軸,如果太多選擇會好麻煩....
看來要試試用圖層包含住下拉功能表了
wingzero 2008/2/20 上午 08:18:00
卜老師您好
昨天自己也繼續找尋問題
發現範例檔一開始有
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
這一行 我把這行複製到自己的網頁上
一切都OK了 因為是自己一行一行找的
不知道這是什麼原因?
卜维丰 2008/2/20 上午 07:28:00
to,wingzero
001.htm 我用不同瀏覽器看都很正常
000.htm 顯示檔案不存在
wingzero 2008/2/19 下午 08:57:00
卜老師您好
日前購買此書來自學CSS
遇到幾個問題不知道如何解決
把原始碼複製到自己的檔案上
垂直跳出選單的效果無法表現
但是在範例光碟裡的範例卻有
我的瀏覽器已經是IE7.0了
http://b0690151.myweb.hinet.net/001.htm
Q50的兩種背景圖
只會表現出BODY裡的那一張
但同樣在光碟範例也可以看到原有效果
http://b0690151.myweb.hinet.net/000.html
卜維丰 2007/9/6 上午 09:55:00
to Silence,
不一定放根目錄, 放在任何地方都可以
只要 CSS 中能確定讀到就好, 最簡單的
放在和 CSS 檔案同目錄下
語法直接寫成
behavior:url(csshover.htc);
SILENCE 2007/9/4 下午 05:52:00
卜老師你好:)
我看了關於css的111個問題這本書
裡面的垂直式選單部分那個csshover.htc在直入css裡的body裡時請問一定要上傳到自己的網頁根目錄裡嗎?
我試著在自己blog裡使用這個技巧但是在ie6.0卻沒有反應
例如我再pixnet的blog使用時在css的body裡加上了behavior:url('http://tony25852.googlepages.com/csshover.htc');
是因為檔案沒存在跟網頁一樣的空間裡嗎?
如果是有解決之道嗎...?
dino 2007/7/30 上午 11:33:00
thanks
![]()