问题:图像左侧和右侧的空白区域是超链接。我希望图像显示为列表 - 所有中心水平对齐。
白色空间应该在那里,但它们不应该是超链接。整个页面现在是一个超链接。
对不起家伙我是html / css的新手。所以这可能是我可能遗失的基本内容。我设法将图像放在中心,但我现在卡住了白色空间超链接。
<a href="http://cashkaro.com/stores/overcart" target="_blank"><img height=100 width=340 style=" display: block; margin-left: auto; margin-right:auto" src="{{media url="wysiwyg/cashKaro2_1.jpg"}}" alt="Overcart coupons at CashKaro" /></a>
<a href="http://www.couponzguru.com/overcart-coupons/" target="_blank"><img height=100 width=340 style=" display: block; margin-left: auto; margin-right:auto" src="{{media url="wysiwyg/couponzGuru.jpg"}}" alt="Overcart coupons at Couponzguru"/></a>
<a href="http://www.couponmama.co.in/stores/overcart/" target="_blank"><img height=100 width=340 style=" display: block; margin-left: auto; margin-right:auto" src="{{media url="wysiwyg/couponMama.png"}}" alt="Overcart coupons at couponmama"/></a>
<a href="http://www.couponrani.com/overcart-coupons" target="_blank"><img height=100 width=340 style=" display: block; margin-left: auto; margin-right:auto" src="{{media url="wysiwyg/couponRani_copy.png"}}" alt="Overcart coupons at couponrani"/></a>
<a href="https://www.maddycoupons.in/stores/overcart-coupons/" target="_blank"><img height=100 width=340 style=" display: block; margin-left: auto; margin-right:auto" src="{{media url="wysiwyg/maddyCoupons.png"}}" alt="Overcart coupons at maddycoupons"/></a>
<a href="http://www.coupondunia.in/overcart" target="_blank"><img height=100 width=340 style=" display: block; margin-left: auto; margin-right:auto" src="{{media url="wysiwyg/CouponDunia.jpg"}}" alt="Overcart coupons at coupondunia"/></a>
感谢您的时间
答案 0 :(得分:0)
首先,您需要修复HTML。
height="100" width="340"
你也不能
display: inlined;
它应该是:
display: inline;
否则我不知道你的空格是什么意思?您可能不需要您编写的大部分内联CSS。
答案 1 :(得分:0)
答案 2 :(得分:0)
我不确定你到底想要什么,所以我做了两个解决方案。
答案 3 :(得分:0)
如果问题是“白色空间充当超链接,尽管它不是。”。
如果您可以使用JavaScript,请尝试删除&lt; a&gt;并将此属性添加到&lt; img&gt;:
onclick="window.location.href='http://www.example.com/';"
但是,如果你不能使用JavaScript,请使用:
<a href="..." target="_blank">
<img style="width: 45%; height: 100px; display: inline; margin-left: 27%;" src="..." alt="..."/>
</a>
“display:block;”将占用整条线。所以,使用“display:inline;”代替。