[CAREY]

CSS原始碼

#hea li{

margin:0;

padding:0;

position:absolute;

top:32px;

height:34px;

text-indent:-9999px;(這段為什麼要這樣設定ㄋ)

}

以下的位置是如何定出來的

#hea #top{left:526px;width:31px;}

#hea #about{left:558px;width:43px;}

#hea #clients{left:602px;width:46px;}

#hea #services{left:649px;width:60px;}

#hea #faq{left:710px;width:30px;}

#hea li a{

display:block;

height:34px;

}

#hea li#top a:hover{background:url(images/gnavi.jpg) 0 0;}

#hea li#about a:hover{background:url(images/gnavi.jpg) -32px 0;}

#hea li#clients a:hover{background:url(images/gnavi.jpg) -76px 0;}

#hea li#services a:hover{background:url(images/gnavi.jpg) -123px 0;}

#hea li#faq a:hover{background:url(images/gnavi.jpg) -184px 0;}

感謝~

---

SNGCAR衛星監控防盜系統(全網路版)
*******************************
www.sngcar.com.tw

[CAREY]

做出來的效果

http://www.sngcar.com.tw/test.rar

---

SNGCAR衛星監控防盜系統(全網路版)
*******************************
www.sngcar.com.tw

[【姜】]

1.

text-indent:-9999px;

這是將文字縮排到營幕外面，也就是可以隱藏文字

2.

#hea #top{left:526px;width:31px;}

#hea #about{left:558px;width:43px;}

#hea #clients{left:602px;width:46px;}

#hea #services{left:649px;width:60px;}

#hea #faq{left:710px;width:30px;}

這個我猜是要做超連結選單用的吧~ 超連結選單用水平座標一個一個去定位置是很辛苦的方法（有點笨的做法... ），現在大多使用 <ul> <li> 然後直接設定 padding 去做~ 比較快也比較簡單~

請參考 http://www.flycan.com/board/viewtopic.php?t=3220

【姜】 在 2007-11-01 00:58 作了第 1 次修改

[CAREY]

感謝

難怪我也覺得這樣做不是更麻煩嗎~~

就是跟著日本那位作者做的~~

---

SNGCAR衛星監控防盜系統(全網路版)
*******************************
www.sngcar.com.tw

[【姜】]

日本那位作者~~ 他的選單都寫的有點麻煩~~

不過~ 他的 div 排版觀念可以給初學者一些方向和參考