Question

我基本上有一张箭头图片，还有一行引用链接的文字。我想将箭头图形指向该文本行。我到目前为止的代码是：

<div>
<div id="title" style="clear:both;right:125px;">
<br><a href="http://store.incfilms.net"<font color="white" size="5" face="arial"><b>Equipment Rentals</a></b></div>

   <style="top: 210px; left: 235px; position: absolute; z-index: 1; visibility: show;">
<img src="rentals_media/click here.png" width="250" height="100"/> </style>
</div>
</div>

该网站是incfilms.net/rentals，如果这样更容易看到。谢谢你的帮助

Answer 1

你想做的是绝对定位箭头，然后用左/右组合调整它，如下所示：http://jsfiddle.net/VhALR/

Answer 2

将此HTML用于图像（无样式标记！）：

<img src="rentals_media/click here.png" width="250" height="100" style="position: relative; top: -20px; left: 250px;">

Answer 3

我认为你可以真正简化你的HTML标记和css，就像这样

<a href="#" title="Click Here">Click Here</a>
<img src="http://incfilms.net/rentals/rentals_media/click%20here.png" />

<强> CSS

a{
    display:inline-block;
    height:103px;
    vertical-align:top;
    padding-top:2px;
}

示例：http://jsfiddle.net/jasongennaro/VhALR/1/

将图片指向一行文字

3 个答案: