2011-10-25 83 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

你也可以把空間:'顯示: 'inline-block的;保證金左:30PX;'' –

+0

喲喲......意識到! –

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,因爲它在很多地方都有使用。必須改變JSP ...謝謝 –

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

試試這個

<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

這是不使用表格排版很好的做法,但如果你絕對要做到這一點,那麼你可以使用下面的CSS在這個表格元素case:

style="display: inline;" 
+0

這工作....我怎麼會把他們之間的空間,他們摩擦彼此相鄰。非常感謝 –

+1

您希望添加一些邊距,如style =「display:inline; margin:0 10px;」 –

+0

男人......你很好! –

0

表元素作爲塊級元素工作。塊級元素創建換行符。要修改的行爲,請使用CSS屬性「display」:

.link_table{ float:left; } 

這不是一個漂亮的解決方案,但它的工作原理。其他一切都涉及更多關於HTML和CSS的閱讀。

乾杯