2013-07-21 53 views
1

我正試圖在表標題<th>下面放置一個水平尺<hr />,但幾乎沒有成功。這可能沒有黑客?如何在表頭下放置水平線?

這裏是HTML我使用的是什麼,我已經盡力遠

<div id="epd" class="editProfileDiv">  
    <form> 
     <table align="center"> 
      <th> Profile Information </th> 
      <tr> 
       <hr />     
      </tr> 
      <tr> 
       <td>Name: </td>   
       <td><input id="name" name="name" value="<?php echo $_SESSION['name'];?>" placeholder=" Jon Doe" type="text" class=""></td> 
      </tr> 

出現像這樣的代碼在瀏覽器

----<hr/> is here---- 
Profile Information 
Name: <text input> 

然後我嘗試這個

<th> Profile Information </th> 
<hr />     
<tr><td> something here </td></tr> 

其中有完全相同的結果,<hr/>位於桌面之上[R

這...

<tr> 
    <td> <hr /> </td> // If I only use one it only spans half the width of the table 
    <td> <hr /> </td>     
</tr> 

哪些地方在正確的地方<hr/>但顯然他們之間的差距是我想要的。

現在我知道我可以只是而不是使用表頭,並使用一個常規的段落或任何文字的事情和風格,但我想要的。在這一點上,它只是校長,因爲這是在擾亂我。所以問題再次出現:這可能嗎?

+0

注意這是在['hr'元件]的誤用(http://www.w3.org/TR/html5/grouping-content.html#the-hr -元件)。 – unor

回答

4

嘗試這種情況:

<tr> 
    <td colspan="2"> <hr /> </td>  
</tr> 
+0

=)感謝哥們。我可能沒有嘗試的一件事。答案將被接受asap –

+1

ps,愛你的網站。當導航鏈接被按下時,這種沉重的陰影是性感的。給「按鈕按下」動作帶來非常3D的感覺 –