0

我有一个asp.net 页面,我试图让图像位于表格单元格的中心,并让该图像成为另一个页面的链接。我对 CSS 不太擅长,但我尝试了几种不同的方法,这是我的结果截图: 在此处输入图像描述

如您所见,该链接位于图像旁边...我希望该链接位于该图像的中心,但也可以使该图像可单击(作为链接的一部分),如下所示: 在此处输入图像描述

这是我的表格(请记住,这是 ASPx GridView 控件的一部分,因此它会针对其数据源中的每一行重复):

<table style="text-align: left; border-collapse: collapse; width: 100%">
<tr>
    <td style="width: 5%;"><strong>Request ID</strong></td>
    <td class="field">Date</td>
    <td class="field">Requestor</td>
    <td class="field">Status</td>
</tr>
<tr>
    <td rowspan="4" align="center" style="position:relative;">
        <a href='<%#"pending_requests.aspx?RID=" + Eval("RequestID") %>'><img src="../images/document.png" alt=""  style="z-index: -1"><%# Eval("RequestID") %></a>
    </td>
    <td>
        <dx:ASPxLabel ID="labelRequestDate" runat="server" Text='<%# Eval("RequestDate") %>'></dx:ASPxLabel>
    </td>
    <td>
        <dx:ASPxLabel ID="labelICAO" runat="server" Text='<%# Eval("ICAO") %>'></dx:ASPxLabel>
    </td>
    <td>
        <dx:ASPxLabel ID="labelStatus" runat="server" Text='<%# Eval("Status") %>'></dx:ASPxLabel>
    </td>
</tr>
<tr>
    <td class="field" colspan="4">Summary</td>
</tr>
<tr>
    <td colspan="4" valign="top">
        <dx:ASPxLabel ID="labelSummary" runat="server" Text='<%# Eval("Summary") %>'></dx:ASPxLabel>
    </td>
</tr>
<tr>
    <td colspan="4">
        <strong>Description:</strong>
        <br />
        <%# Eval("Description") %>
        <br />
        <br />
        <strong>Comments</strong>
        <br />
        <%# Eval("Comments") %>
    </td>
</tr>
</table>

“字段”类只是将文本加粗并将宽度设置为 10%。

请记住,我需要它才能在 IE7 及更高版本、Chrome 和 Firefox 中工作。

任何帮助表示赞赏!

4

1 回答 1

2

div为使用标签包裹的标签使用背景图像怎么样a

演示(您可以删除边框,仅用于测试目的)

<a href="#"><div><span>495</span></div></a>

div {
    background-image: url('http://i.stack.imgur.com/aNy9C.jpg');
    height: 90px;
    width: 75px;
    background-repeat: no-repeat;
    border: 1px solid #f00;
    position: relative;
}

div span {
    position: absolute;
    font-family: Arial;
    font-size: 24px;
    top:35%;
    left: 20%;
}

a {
    color: black;
}
于 2013-05-16T17:05:49.683 回答