作者b0339576 (<(￣︶￣)>)
看板Blog
標題Re: [無名] 請教滑鼠移過圖片更換的語法
時間Thu Oct 13 02:07:29 2011
首先
如果你只是想讓網頁描述的選單排成一列的話
其實可以不必用到表格這麼複雜的語法
因為只要結尾沒有<br/>這個斷行標記
東西就會自動排成一列了
再說網誌描述是有字數限定的，能夠用最簡化的語法就盡量簡化
所以我建議你先把網誌描述裡的表格都拿掉
只留下超連結跟圖片並簡化成這樣就好了
<a href="目標網址"><img src="圖片網址">
</a> ←這個請千萬不要漏了
<a href="目標網址"><img src="圖片網址"></a>
<a href="目標網址"><img src="圖片網址"></a>
如果要讓他們之間有空隙，可以在結尾增加幾個全形空白
也可以在CSS(就是樣式表的地方)裡增加以下設定：
.description a{margin-right: 10px;}
至於連結位移的語法也是在CSS設定
.description a:hover{ /*當滑鼠經過網誌描述的連結時*/
position:relative;
top:2px; left:2px;
}
然後以下是讓圖片邊框消失的CSS語法
img{border: 0px;}
※ 引述《ych1022 (玄米)》之銘言：
: 目前我無名選單的語法為
: <table border="0" align="left" cellspacing="2" cellpadding="2">
: <tbody><tr>
: <td><a title="敘述" href="目標網址"><img border="0" src="圖片網址">
: <td><a title="●" href="●"><img border="0" src="●">
: <td><a title="●" href="●"><img border="0" src="●">
: <td><a title="●" href="●"><img border="0" src="●">
: <td><a title="●" href="●"><img border="0" src="●">
: <td><a title="●" href="●"><img border="0" src="●">
: </tr>
: </tbody></table>
: 寫在網誌敘述
: 試了幾個方法
: 還是無功而返
: a:hover無法插到上面的語法中
: 估狗找到最接近的也只有
: 設定tbody:hover
: 讓整體的背景色做更改
: -3-放棄好了
: ※ 引述《ych1022 (玄米)》之銘言：
: : 原以為無名無法支援這樣的寫法
: : 但今天在盧小桃的blog
: : http://www.wretch.cc/blog/peachnote/14087552
: : 發現上方的網誌名稱
: : 與板頭下方的連結
: : 滑鼠移過去圖片都會往下挪
: : 直覺認為這是圖片置換的方式
: : 不過目前google所得結果只有用Dreamwave的java
: : 不知可板友知道呢?
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.27.39.168
※ 編輯: b0339576 來自: 114.27.39.168 (10/13 02:18)
1F：推 evanade:推 10/13 18:36
2F：推 ThisIsNotKFC:推熱心詳細的回覆 10/13 19:11
3F：推 ych1022:放棄~= =a語法放不進去, 現在無名不要倒掉我就阿彌投佛了 10/13 23:08
4F：→ b0339576:是哪裡的語法放不進去呢？ CSS就要放在樣式表裡 不是跟 10/13 23:22
5F：→ b0339576:網誌描述放一起呀 10/13 23:22
※ 編輯: b0339576 來自: 114.27.148.159 (10/13 23:30)