[問題] 請教做類似標籤的換頁

看板Web_Design作者 (隨便啦)時間16年前 (2009/04/20 04:20), 編輯推噓2(201)
留言3則, 2人參與, 最新討論串1/1
想請教一下 今天嘗試一整天想要做這個 http://homepage.ntu.edu.tw/~b96404040/navigation1.html 可是發現有點失敗.... 到現在我還是搞不倒問題出在哪裡... 1.我用FX看的時候 正在瀏覽的那頁看不到上面標籤的字..可是ie卻可以 這個要怎麼處理阿?? 2.還有一個就是設hover的地方 為什麼他變色的區塊會那麼大.... #wrapper{ width:600px; margin-left:auto; margin-right:auto; } ul#tabnav{ list-style-type:none; margin:0; padding-left:50px; padding-bottom:24px; border-bottom:1px solid #711515; font:bold 11px; } ul#tabnav li{ float:left; height:21px; background:#b51032; color:#ffffff; margin:2px 2px 0px 2px; border:1px solid #711515; } ul#tabnav a:link, ul#tabnav a:visited{ display:block; color:#FFFFFF; background-color:transparent; text-decoration:none; padding:4px; } ul#tabnav a:hover{ background:#f4869c; color:#ffffff; } body#nav1 li.nav1, body#nav2 li.nav2, body#nav3 li.nav3,body#nav4 li.nav4{ border-bottom:1px solid #ffffff; color:#000000; background:#FFFFFF; } body#nav1 li.nav1 a:link, body#nav1 li.nav1 a:visited, body#nav2 li.nav2 a:link, body#nav2 li.nav2 a:visited, body#nav3 li.nav3 a:link, body#nav3 li.nav3 a:visited, body#nav4 li.nav4 a:link, body#nav4 li.nav4 a:visited,{ color:#000000; background:#ffffff; } #content{ border:1px solid #711515; border-top:none; padding:10px 5px 6px 5px; } === -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 140.112.4.68

04/20 05:54, , 1F
其一:你a:visited的顏色優先於li的顏色,所以被蓋過去了
04/20 05:54, 1F

04/20 05:56, , 2F
其二:Firebug看下來你的<a>比<li>還大 囧囧囧
04/20 05:56, 2F

04/20 07:29, , 3F
li的預設display不是block,你要自己設
04/20 07:29, 3F
文章代碼(AID): #19wuU45l (Web_Design)