删除空格上的超链接

时间:2015-02-09 10:41:17

标签: html css

问题:图像左侧和右侧的空白区域是超链接。我希望图像显示为列表 - 所有中心水平对齐。

白色空间应该在那里,但它们不应该是超链接。整个页面现在是一个超链接。

对不起家伙我是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>

感谢您的时间

4 个答案:

答案 0 :(得分:0)

首先,您需要修复HTML。

height="100" width="340"

你也不能

display: inlined;

它应该是:

display: inline;

否则我不知道你的空格是什么意思?您可能不需要您编写的大部分内联CSS。

答案 1 :(得分:0)

不要用内联样式定义来解决问题。 使用元素来定义订单。并添加此样式。

p
{
    text-align: center;
}

这是小提琴解决方案。看看它。 fiddle

答案 2 :(得分:0)

我不确定你到底想要什么,所以我做了两个解决方案。

All in a column in the middle of the page
All side-by-side

答案 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;”代替。