[問題] li對不齊 還有css設定問題
用ul做了個橫向導覽選單
因為需要滑鼠移過去時,連結底線會變顏色
還有圖上的字不一樣長,而需要在個別li的連結裡再設定寬度
可是卻有點問題
1.在IE6裡面看,li選單會成階梯狀一個個往下掉,不像IE8裡面都對齊好好的
2.IE6裡面,li超連結的區域常常會變極小或是消失
滑鼠移過去都要找老半天才會找到超連結區域
3.li裡面又設的樣式,css要怎麼呼叫? #nav .nav2 li a{}就沒用
css部分
#nav {
width: 770px;
background:url(images/nav.jpg) no-repeat left top;
height:61px;
}
#nav ul{width:700px;list-style: none;padding: 0;margin: 0 0 0 35px;}
#nav li a{float:left;margin:0 12px;dislay:block;width:90px;height:40px;
font-size:0;text-indent:9999;border: 1px solid red}
#nav li a:hover{border-bottom:5px solid #8fa8d3}
#nav a.nav2{width:70px;}
#nav a:hover.nav2{border-bottom:5px solid #48a727}
htm部分
<div id="nav">
<ul>
<li><a class="nav1" href="index.html">首頁</a></li>
<li><a class="nav1" href="about.htm">介紹</a></li>
<li><a class="nav2" href="" rel="nofollow">http://tw.yahoo.com">奇摩</a></li>
</ul>
宣告部分是用
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"" rel="nofollow">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="" rel="nofollow">http://www.w3.org/1999/xhtml">
請問各位大大該如何解決呢? 謝謝~
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 210.240.195.206
※ 編輯: ss163500 來自: 210.240.195.206 (03/09 15:37)
推
03/09 15:48, , 1F
03/09 15:48, 1F
→
03/09 15:48, , 2F
03/09 15:48, 2F
推
03/09 16:07, , 3F
03/09 16:07, 3F
→
03/09 16:07, , 4F
03/09 16:07, 4F
→
03/09 16:08, , 5F
03/09 16:08, 5F
→
03/09 16:11, , 6F
03/09 16:11, 6F
→
03/09 17:04, , 7F
03/09 17:04, 7F
→
03/09 17:05, , 8F
03/09 17:05, 8F
→
03/09 17:06, , 9F
03/09 17:06, 9F
→
03/09 23:03, , 10F
03/09 23:03, 10F
推
03/10 09:10, , 11F
03/10 09:10, 11F