将整个<li>设为链接vb.net </li>

时间:2014-08-08 08:25:41

标签: asp.net hyperlink html-lists

我创建了一个用于生成列表项的用户控件,如何使整个字段可单击而不仅仅是文本(现在超链接包含在商家名称周围),将列表包装在超链接中会使整个文件陷入困境桌子的流程和香港专业教育学院已经没有想法了。

 <li>
    <div ID="divmech" class = "hint--top"  data-hint="" runat="server">
    <asp:HyperLink ID="hypTrendingMerchant" CssClass="merchantName-width"    runat="server" >
    <asp:Label ID="lblMerchantName" runat="server" /> 
    </asp:HyperLink>    
    <asp:Label ID ="lblMerchantDifference" class="gecko-right gecko-trend-arrow pad gecko-col-secondary" font-bold="true" runat="server" /> 
    </div>
</li>

2 个答案:

答案 0 :(得分:0)

将你的div包裹在链接中,并确保它占据了你的整个空间:

<li>
    <asp:HyperLink ID="hypTrendingMerchant" CssClass="merchantName-width"    runat="server" >
      <div ID="divmech" class = "hint--top"  data-hint="" runat="server">

      <asp:Label ID="lblMerchantName" runat="server" /> 

      <asp:Label ID ="lblMerchantDifference" class="gecko-right gecko-trend-arrow pad gecko-col-secondary" font-bold="true" runat="server" /> 
      </div>
    </asp:HyperLink> 
</li>

你真正在这里做的事情取决于你的布局,但是这样的事情。

答案 1 :(得分:0)

<li>
    <asp:HyperLink ID="hypTrendingMerchant" CssClass="merchantName-width" runat="server" >
      <span ID="divmech" class = "hint--top"  data-hint="" runat="server">
        <asp:Label ID="lblMerchantName" runat="server" /> 

        <asp:Label ID ="lblMerchantDifference" class="gecko-right gecko-trend-arrow pad gecko-col-secondary" font-bold="true" runat="server" /> 
      </span>
    </asp:HyperLink> 
</li>
不要将像DIV这样的块元素放在像A这样的内联元素中,而是将所有li内容包装在链接中。

然后从CSS中,将A作为块,如果需要跨度#divmech作为块元素,那么也可以从CSS执行。不要忘记将LI填充设置为0,这样A元素将占用大部分空间

li{
 display:block;
 padding:0;

}

a.merchantName-width{
  display:block;
}

#divmech{
 display:block;
}