Novice HTML table challenge

kalibcrone · Feb 6, 2012

turn this

into this

(basically take away the inside borders without ruining the format of the table and add a 10px border around the entire table)

here is the code for the first table(with lines)

HTML:

<!DOCTYPE html"
<html>

<head>
<title>Page Layout</title>
</head>

<body bgcolor="#FFFFFF">
<font color="0066FF">
<table border="2" cellpadding="10" cellspacing="20">
  <tr>
  	<td bgcolor="#FFFF00" colspan="6" align="center"><b>Number of Students per Lunch</b></td>
  <tr>
  	<td bgcolor="#FFFF00" rowspan="5" align="center"><b><br>2009-10</br>School Year</b></td>
    <td></td>
    <td><b>Freshman</b></td>
    <td><b>Sophomores</b></td>
    <td><b>Juniors</b></td>
    <td><b>Seniors</b></td>
  <tr>
    <td><b>1st Lunch</b></td>
    <td>100</td>
    <td>200</td>
    <td>300</td>
    <td>400</td>
  <tr>
    <td><b>1st Lunch</b></td>
    <td>75</td>
    <td>175</td>
    <td>275</td>
    <td>275</td>
  <tr>
    <td><b>3rd Lunch</b></td>
    <td>50</td>
    <td>150</td>
    <td>250</td>
    <td>350</td>
</table>
</font>
</body>
</html>

Special2God · Feb 6, 2012

Here you go

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title>Page Layout</title>
<style type="text/css">
table {
color: #000000;
}
td {
border: 0px;
color: #0066FF;
}
</style>
</head>

<body>
<table border="10" cellpadding="10" cellspacing="20">
  <tr>
  	<td bgcolor="#FFFF00" colspan="6" align="center"><b>Number of Students per Lunch</b></td>
  </tr>
  <tr>
  	<td bgcolor="#FFFF00" rowspan="5" align="center"><b>2009-10<br/>School Year</b></td>
  </tr>
  <tr>
    <td></td>
    <td><b>Freshman</b></td>
    <td><b>Sophomores</b></td>
    <td><b>Juniors</b></td>
    <td><b>Seniors</b></td>
  </tr>
  <tr>
    <td><b>1st Lunch</b></td>
    <td>100</td>
    <td>200</td>
    <td>300</td>
    <td>400</td>
  </tr>
  <tr>
    <td><b>1st Lunch</b></td>
    <td>75</td>
    <td>175</td>
    <td>275</td>
    <td>275</td>
  </tr>
  <tr>
    <td><b>3rd Lunch</b></td>
    <td>50</td>
    <td>150</td>
    <td>250</td>
    <td>350</td>
  </tr>
</table>
</body>
</html>

Laxer · Feb 6, 2012

:iagree:

Exactly how I would have done it.

Novice HTML table challenge

kalibcrone

Special2God

Laxer

Top Contributors this Month