表格行跨度單元範圍

這是我需要幫助的任務。我討厭表原因，但這就是它所說的：表格行跨度單元範圍

「每個表中的第一行由一個表格單元組成，該單元格跨兩列包含房地產列表名稱，每個表格的第二行由兩個表格單元「。

我的代碼：

<table> 
    <tr> 
     <th> 
      <h3>TEST</h3> 
     </th> 
    </tr> 
    <th rowspan="2"></th> 
    <td>Something here !</td> 
</tr> 
</table>

只是想驗證，如果我這樣做是否正確？下面是完整的代碼：

http://jsfiddle.net/4jzUc/

也，它應該是這樣的：http://screencloud.net/v/aA5Y

來源

2013-04-05 TrippedStackers

看起來像作業。如果是這樣，告訴你的老師，使用'

'佈局是垃圾**，他絕對不應該教你。如果你願意，你可以參考我的用戶配置文件。我想隨時討論這個話題......我們會很開心！ ;-) – 2013-04-05 01:32:02

是的，我討厭表男人。但是在PHP實施時它很有用。但我明白你的意思！ – TrippedStackers 2013-04-05 01:33:18

桌子很適合'恩，表格數據！ – 2013-04-05 01:47:59

回答

-1

正確的代碼：

<table> 
    <tr> 
     <th> 
      <h3>TEST</h3> 
     </th> 
     <th rowspan="2">RowSpan2!</th> 
    </tr> 
    <tr> 
     <td>Something here !</td> 
    </tr>      
    <tr> 
     <td>Something Else !</td> 
    </tr> 
</table>

來源

2013-04-05 01:32:25 MaxOvrdrv

不正確：「每個表格中的第一行由一個表格單元格組成其中跨兩欄「 – 2013-04-05 01:32:52

哦，我沒有讀他的作業......只是他發送的代碼！大聲笑！ – MaxOvrdrv 2013-04-05 01:33:39

你想跨越列，而不是行（colspan vs rowspan）。我認爲這是你正在尋找的。

<table> 
    <tr> 
     <th colspan="2"> 
      Title 
     </th> 
    </tr> 
    <tr> 
     <td>First cell</td> 
    </tr>      
    <tr> 
     <td>Second cell</td> 
    </tr> 
</table>

來源

2013-04-05 01:46:16

不，您的標記不正確。它甚至不符合HTML表格模型，正如您在文檔中使用http://validator.nu時看到的那樣，<!doctype html>在開始時被打了一巴掌。更不用說這是做什麼任務要求。

的分配，因此是非常簡單的：兩行兩列，你只是一個表，就這樣，第一行只有一個細胞，它跨越兩列：

<table> 
    <tr><td colspan=2>Real estate name 
    <tr><td>A table cell <td>Another table cell 
</table>

你可以使用th而不是第一個td，因爲它是一種標題單元，但要小心，這使得它的內容默認爲粗體和居中（您可以覆蓋這是在CSS中）。

按照「應該看起來像」鏈接，似乎應該只將img元素放在第二行的第一個單元格中，而第二個單元格包含文本和ul元素。還有一點CSS。請注意，對於此輸出，您需要將第二行垂直對齊（使用HTML valign屬性或CSS vertical-align屬性）。

來源

2013-04-05 04:33:23

相關問題