2014-01-31 61 views
-1

我在編寫HTML編程的課程表時遇到了一些麻煩,我得到了如下時間:1:00,1:30等在左邊,在主體中有rowspans for不同日子的不同課程。課程安排難度

一個例子是星期一和星期三我有相同的班級,但星期二星期四星期五或星期日沒有班級。

在我迄今爲止的努力中,我能夠跨越行,但不幸的是在最後得到了額外的列。

<table border="1"> 
<tr> 
<th>TIME</th> 
<th>Monday</th> 
<th>Tuesday</th> 
<th>Wednesday</th> 
<th>Thursday</th> 
<th>Friday</th> 
<th>Saturday</th> 
<th>Sunday</th> 
</tr> 

<tr> 
<th>8:00AM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>8:30AM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>9:00AM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>9:30AM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>10:00AM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>10:30</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>11:00AM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>11:30AM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>12:00PM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>12:30PM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>1:00PM</th> 
<td rowspan="6">FA 3550 - 001</td> 
<td></td> 
<td rowspan="6">FA 3550 - 001</td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>1:30PM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>2:00PM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>2:30PM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>3:00PM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>4:00PM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>5:00PM</th> 
<td rowspan="3">class</td> 
<td></td> 
<td rowspan ="3">class</td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>5:30PM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>6:00PM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>6:30PM</th> 
<td></td> 
<td></td> 
<td rowspan="5">class</td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>7:00PM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>7:30PM</th> 
<td rowspan="6">class</td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>8:00PM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>8:30PM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>9:00PM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 

<tr> 
<th>9:30PM</th> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
<td></td> 
</tr> 
</table> 
+1

請向我們展示您現有的HTML代碼,以便我們知道您已經嘗試了哪些內容以及出錯的地方。使用像[jsFiddle.net](http://jsfiddle.ne)這樣的網站來複制問題併發布相關代碼。謝謝! – DACrosby

+0

我發佈了代碼,但不幸的是提供的鏈接不起作用 – user3255993

+0

基本上說,當你使用'colspan'或'rowspan'屬性時,會發生兩件事。 ** 1 **單元向右或向下延伸** 2 **減少水平或垂直方向所需的單元數。試試這個:從標有'1.30','2:00','2:30','3:00'和'4:00'的行中刪除2對'​​' - 你現在應該看到額外的單元格1點半到4點之間消失。你在這些單元格的左邊有2個單元格,rowspan = 6,所以不需要將它們包含在標記中。 – enhzflep

回答

1

這是你的問題的一個例子..請注意,在該行的一個,我填的字母「d」表示該行每個單元:

http://jsfiddle.net/57FLP/

<tr> 
    <th>1:00PM</th> 
    <td rowspan="6">FA 3550 - 001</td> 
    <td></td> 
    <td rowspan="6">FA 3550 - 001</td> 
    <td></td> 
    <td></td> 
    <td></td> 
    <td></td> 
</tr> 
<tr> 
    <th>1:30PM</th> 
    <td>d</td> 
    <td>d</td> 
    <td>d</td> 
    <td>d</td> 
    <td>d</td> 
    <td>d</td> 
    <td>d</td> 
</tr> 

查看html代碼,每個<td></td>的字母'd',恰好是7次;你的桌子也顯示7次;然而,因爲你正在做一個行間隔,從中間的某個行中的某一行開始,你正在切入它下面的行。不要把你的劃線看作是切割黃油的刀,把它看作是你的手在一堆蘋果上切下來的(不是切開它們,而是移動它們,然後蘋果將填滿邊,因爲它沒有還有什麼地方可以去);這與你桌子上發生的事情類似。

只要想想如果所有的<td></td>都充滿了數據會發生什麼情況,而您恰好將其中一個轉換爲行跨越,那麼所有數據都會在哪裏出現?你不想失去任何它。

你需要做的是,對於你所做的每一項改變,你都必須從表中刪除剩餘的未使用的tds。

+1

http://jsfiddle.net/57FLP/1/有一些清理,刪除了從上面進來的具有'rowspan'的行的額外'​​'對。 –

+0

謝謝你的幫助。 – user3255993