2011-10-25 17 views
0

これは簡単なものです。ちょうどあなたが知っているように、私は通常Javaロジックを書いているので、スタイリングは私の紅茶ではありませんが、それをやろうとしました。テーブルの整列に役立つ必要があります... HTML

enter image description here

イムこのようにサイドではなく、互いの上にテーブルが側であることを取得しよう:用 enter image description here

ここではHTMLだ...おかげでとにかく私はこれを得ましたあなたの助け....私はあなたがより多くのコード

<tr><tr><tr><tr><tr><tr> 
    <table class="link_table"> 
     <tr> 
      <td> 
       <a href="show.addEdit_hotpart?hotPartId=0">ADD HOT PART</a> 
      </td> 
     </tr> 
    </table> 

    <table class="link_table"> 
     <tr> 
      <td> 
       <a href="show.addEdit_hotpart?hotPartId=0">ADD HOT PART</a> 
      </td> 
     </tr> 
    </table> 

答えて

1
<table class="link_table" style="display:inline"> 
+0

....あなたもしてスペースを置くことができる –

+0

たくさんありがとう: '表示:「インラインブロック;マージン左:30pxで;」'よ –

+0

ヨ...それを感謝します! –

2

を確認する必要がある場合人々は使用しないようにあなたを教えしようとしている知ってみましょうテーブル、彼らは正しいだろう。つまり、同じ行の表のセルに次の2つの項目が必要です。

<table class="link_table"> 
    <tr> 
     <td> 
      <a href="show.addEdit_hotpart?hotPartId=0">ADD HOT PART</a> 
     </td> 
     <td> 
      <a href="show.addEdit_hotpart?hotPartId=0">ADD HOT PART</a> 
     </td> 
    </tr> 
</table> 
+0

このようにすれば、テキストはすべて同じセルに配置されます –

+1

境界線とスタイリングを処理するためにlink_tableでスタイリングしているような音がします。 td やそのような行に沿って何かを行うには、そのスタイルを変更する必要があります。 –

+0

ええ、それは非常に多くの場所で使用されているので、私はCSSを混乱させないようにしています。 –

1

これらをセルに追加します(td)。別々の表ではありません。 :)

<table class="link_table"> 
    <tr> 
     <td> 
      <a href="show.addEdit_hotpart?hotPartId=0">ADD HOT PART</a> 
     </td> 
     <td> 
      <a href="show.addEdit_hotpart?hotPartId=0">ADD HOT PART</a> 
     </td> 
    </tr> 
</table> 
+0

返信ありがとうございます –

0

レイアウトにテーブルを使用することをお勧めではありませんが、あなたは絶対にそれをしなければならないならば、あなたはこの中で、あなたのテーブル要素に次のCSSを使用することができ、この

<table class="link_table"> 
    <tr> 
     <td> 
      <a href="show.addEdit_hotpart?hotPartId=0">ADD HOT PART</a> 
     </td> 
     <td> 
      <a href="show.addEdit_hotpart?hotPartId=0">ADD HOT PART</a> 
     </td> 
    </tr> 
</table> 
+0

私の状況では、これはちょうど同じセルにテキストを入れます。 –

+0

おそらく、テーブル自体に適用したlink_tableクラスと関係があります。 – Tariqulazam

1

をお試しくださいcase:

style="display: inline;" 
+0

これはうまくいきました....私はそれらの間にどのようにスペースを置くのでしょう、彼らはお互いの隣に擦っています。ありがとうalot –

+1

いくつかのマージンを追加したいと思います。style = "display:inline; margin:0 10px;" –

+0

男...あなたはいいよ! –

0

table要素はブロックレベル要素として機能します。ブロックレベル要素は改行を作成します。行動は、CSSのプロパティ「display」を使用変更するには:

.link_table{ float:left; } 

かなり解決策ではないのですが、それは動作します。他のすべてはHTMLとCSSに関するより多くの読書を必要とします。これは働い

乾杯

関連する問題