[問題] a 標籤裡面包圖片及文字
http://for2011.muzika.cz/0223/aaa.html
我想用 a 包圖片與文字來當作按鈕,(請看上方區塊)
<a href="#">
<div style="width:70px;height:70px"><img src="01.jpg" /></div>
<span style="width:90px;display:block;">Google</span>
</a>
可是當我在IE 6,7或 IE 8相容檢視模式下,
div 加上寬度及高度,span 加上display:block及寬度後超連結就會不正常。
還有我在div裡使用float,到網路上找了clearFix來使用,
可是在IE 7, IE 8相容模式沒有作用。
試了一整個下午,可是還是解決不了,
麻煩各位大大幫我看一下,
謝謝!
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.132.189.217
→
02/23 23:12, , 1F
02/23 23:12, 1F
→
02/23 23:24, , 2F
02/23 23:24, 2F
推
02/23 23:34, , 3F
02/23 23:34, 3F
→
02/23 23:35, , 4F
02/23 23:35, 4F
→
02/24 00:04, , 5F
02/24 00:04, 5F
→
02/24 00:39, , 6F
02/24 00:39, 6F
dreamerslab大:
我有把其他東西都刪掉,只保留div->ul->li
也試過把clearfix放在div或ul或者兩個都放,IE 7就是不聽使喚@@
http://for2011.muzika.cz/0223/bbb.html
※ 編輯: On1earth 來自: 220.132.189.217 (02/24 01:35)
→
02/24 02:31, , 7F
02/24 02:31, 7F
→
02/24 02:31, , 8F
02/24 02:31, 8F
謝謝dreamerslab大,改成inline-block就可以了,
當時我有懷疑是clearFix的問題,可是在網路上找了兩、三種版本都不行,
現在才發現找到的都是用inline-table。
我放棄把圖片跟文字放在a裡面了,
原本想說用鍵盤操作時,放在一起可以少按一次Tab,
不過看來要配合圖片垂直置中還真不好處理。
※ 編輯: On1earth 來自: 220.132.189.217 (02/24 19:18)
→
02/24 22:27, , 9F
02/24 22:27, 9F
→
02/24 22:28, , 10F
02/24 22:28, 10F
→
02/24 22:32, , 11F
02/24 22:32, 11F
→
02/24 22:32, , 12F
02/24 22:32, 12F