4

タグtableの中に入れるのは良い解決策ですか？aテーブルをラップするときにリンクが機能しないのはなぜですか？ 

<a href="/place">
  <table>
    <tr>
      <td>
        <span class="place-icon" />
      </td>
      <td> 
        My place name
      </td>
    </tr>
  </table>
</a>

フローティングを使用できます：

<div class="paragraphs">
  <div class="row">
    <div class="span4">
      <img style="float:left" src="../site/img/success32.png"/>
      <div class="content-heading"><h3>Experience &nbsp </h3></div>
      <p style="clear:both">Donec id elit non mi porta gravida at eget metus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p>
    </div>
  </div>
</div>

<p>以下も同じ行に残したい場合は、

style="clear:both"

しかし、あなたは追加する必要があります

<div style="clear:both"></div>

その後。

4

3 に答える 3

6

次のHTMLを実装する必要があります

いいえ、しませんし、すべきではありません。本当に。これは無効で、セマンティックではなく、（おそらく最も重要なことですが）これらの理由により確実に機能しません。

画像とテキスト（リンクされている）だけが必要な場合は、次のようなものを使用します。

<a href="/place" class="button">My Place Name</a>

.button {
    display: inline-block;
    background-image: url();
    background-position: 2px 2px;
    padding-left: 16px; /* size of image */
}

これが実際の例です：http：//jsfiddle.net/RvTp3/

コメントごとに、テキストが折り返されているときに画像が垂直方向の中央に配置されていることを示す別の例を次に示します。http: //jsfiddle.net/RvTp3/1/

于 2012-08-10T11:20:53.827 に答える
1

<table>/ placeにリンクし、レイアウトにのみ使用するアイコンとテキストのリンクが必要なようです。テーブルを取り除き、cssを使用してレイアウトを行ってみませんか？

于 2012-08-10T11:21:41.173 に答える
1

そうではありません。すべきではありません。

テーブルをクリックして有効にしたい場合。次に、クリックイベントをテーブルに添付するだけで実行できます。

 <table  onclick="window.location='yoururl'">
    <tr>
      <td>
        <span class="place-icon" />
      </td>
      <td> 
        My place name
      </td>
    </tr>
  </table>
于 2012-08-10T11:24:24.843 に答える