Colspan

Lesson 9

 


Here is where we left off.
 

<table align=center border=1 width=90% background=html/backgroundlight.jpg>
<tr>
<td align=center width=66% colspan=2>1</td>

<td align=center width=34%>3</td>
</tr>
<tr>
<td align=center width=33%>4</td>
<td align=center width=33%>5</td>
<td align=center width=34%>6</td>
</tr>
<tr>
<td align=center width=33%>7</td>
<td align=center width=67% colspan=2>8</td>

</tr>
</table>

1 3
4 5 6
7 8

Can you guess what we are going to do now?

Yup! We're going to span the entire middle row

Locate your 4 cell in your code. Change the width to 100%

Delete the 5 and 6 cells

Add your colspan statement BUT this time we are spanning 3 cells, so your colspan statement will be colspan=3

<table align=center border=1 width=90% background=html/backgroundlight.jpg>
<tr>
<td align=center width=66% colspan=2>1</td>

<td align=center width=34%>3</td>
</tr>
<tr>
<td align=center width=100% colspan=3>4</td>

</tr>
<tr>
<td align=center width=33%>7</td>
<td align=center width=67% colspan=2>8</td>

</tr>
</table>

1 3
4
7 8

YOU DID IT AGAIN!

Wow! You're GOOD!

Lets go on to the next lesson and we'll talk about spanning ROWS.