0

<li>ユーザーがメンバーページのアイテムをクリックしたときに、ユーザーをユーザープロファイルページに移動するのが最善の方法だと思います。

<li>
    <img src="images/pic.png" alt="John Smiths's Profile Picture" class="profile-pic">
    <div class="name">John Smith</div>
    <div class="skills">PHP, ASP, MySQL, SQL Server, Javascript</div>
</li>

これは、各リストアイテムの一種のマークアップであり、640x50ブロックの幅/高さ程度で出力されます。要素のいずれかの部分をクリックしたときに、ユーザーが自分のプロファイルページに移動するようにします<li>。

リストアイテム全体をリンク要素（）でラップしようとしました<a>が、結果として0x0リンク要素のサイズが変更されます。また、Javascriptは使用したくないです。

ありがとう。

4

2 に答える 2

1

あなたはこれを行うことができます：

HTML:

<li>
    <a href="#" title="Link text" class="list-link"> 
      <img src="images/pic.png" alt="John Smiths's Profile Picture" class="profile-pic">
      <span class="name">John Smith</span>
      <span class="skills">PHP, ASP, MySQL, SQL Server, Javascript</span>
    </a>
</li>

CSS:

.list-link{
  display:block;
}
于 2012-11-21T18:19:08.353 に答える
0

折り返しAはLI無効な HTML です。代わりに、LI の innerHTML のコンテンツ全体を A タグでラップしないのはなぜですか?

<li>
    <a href="...">
    <img src="images/pic.png" alt="John Smiths's Profile Picture" class="profile-pic">
    <div class="name">John Smith</div>
    <div class="skills">PHP, ASP, MySQL, SQL Server, Javascript</div>
    </a>
</li>
于 2012-11-21T18:18:44.797 に答える