aqui les dejo el codigo xhtml ya editado
Código 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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Fea</title>
<link href="1.css" rel="stylesheet" type="text/css" />
</head>
<body>
<script type="text/JavaScript">
function Suma(isChecked, myValue)
{
tot = parseInt(document.form1.total.value);
myValue = parseInt(myValue);
if (isChecked) document.form1.total.value = tot + myValue;
else document.form1.total.value = tot - myValue;
}
</script>
<form name="form1" id="form1" action="procesa.php" method="POST">
<div>
<p style="margin-top: 0; margin-bottom: 0">Usted tiene un total de 175 puntos para escoger opciones de este
menú, recuerde ahorrar para tener mas puntos adelante; este menú es
especial ya que en ves de invertir sus puntos obtendrá lo que se
marca en rojo <span class='importante'>valor:</span> <span class="valor">-20 </span>hasta
llegar a 75 puntos</p>
<table >
<col class="nombre" />
<col class="costo" />
<col class="descripcion" />
<thead>
<tr>
<th scope="col" width="203">Nombre</th>
<th scope="col">Costo</th>
<th scope="col" width="646">Descripción</th>
</tr>
</thead>
<tbody>
<tr>
<td width="203" ><input type="checkbox" value="-20" name="Check1" id="Check1" onclick=" Suma(this.checked,this.value)" /><label for="Check1" class="importante">1: Horrenda</label></td>
<td><span class="importante">Valor: <span class="valor">-20</span></span></td>
<td width="646" >Sufres de malformaciones en el cuerpo y rostro, lo cual te ase repugnante y es difícil para ti pasar desapercibido reaccionan mal cuando te ven.</td>
</tr>
<tr>
<td width="203" ><input type="checkbox" value="-10" name="Check2" id="Check2" onclick=" Suma(this.checked,this.value)" /><label for="Check1" class="importante">2: Fea</label></td>
<td ><span class="importante">valor: <span class="valor">-10</span></span></td>
<td width="646" >Sufres de alguna deformidad en el rostro lo que te hace poco atractivo reaccionan mal cuando te ven</td>
</tr>
<tr>
<td width="203" ><input type="checkbox" value="-10" name="Check3" id="Check3" onclick=" Suma(this.checked,this.value)" /><label for="Check1" class="importante">: Paranoia</label></td>
<td ><span class="importante">valor: <span class="valor">-10</span></span></td>
<td width="646" >siempre as estado tan en alerta que se te hace difícil concentrarte en algo</td>
</tr>
<tr>
<td width="203" ><input type="checkbox" value="-10" name="Check4" id="Check4" onclick=" Suma(this.checked,this.value)" /><label for="Check1" class="importante">4: S. Muerto de Hambre</label></td>
<td ><span class="importante">valor: <span class="valor">-10</span></span></td>
<td width="646" >No tienes trabajo solo lo que llevas puesto y tienes deudas en todos los pueblos que visites, si trabajas no recibiros salario hasta completar el pago de 1000 monedas de oro</td>
</tr>
<tr>
<td width="203" ><input type="checkbox" value="-5" name="Check5" id="Check5" onclick=" Suma(this.checked,this.value)" /><label for="Check1" class="importante">5: S. Pobre</label></td>
<td ><span class="importante">valor: <span class="valor">-5</span></span></td>
<td width="646" >No tienes trabajo, solo lo que llevas puesto, trabajas para pagar tus necesidades, si trabajas te pagaran la mitad del salario normal de un obrero</td>
</tr>
<tr>
<td width="203" ><input type="checkbox" value="-15" name="Check6" id="Check6" onclick=" Suma(this.checked,this.value)" /><label for="Check1" class="importante">6: R. Mala</label></td>
<td ><span class="importante">valor: <span class="valor">-15</span></span></td>
<td width="646" >Gozas de una muy mala reputación, eres buscado por los guardias de muchas ciudades por ser sospechoso de mas de 3 actos de delincuencia en cada una Según el director</td>
</tr>
<tr>
<td width="203" ><input type="checkbox" value="-5" name="Check7" id="Check7" onclick=" Suma(this.checked,this.value)" /><label for="Check1" class="importante">7: Enemigos</label></td>
<td ><span class="importante">valor: <span class="valor">-5</span></span></td>
<td width="646" >Estos enemigos serán más fuertes que , el director ara referencia como será estos enemigos y hará un personaje no jugable El cual usara como gu</td>
</tr>
<tr>
<td width="203" ><input type="checkbox" value="-20" name="Check8" id="Check8" onclick=" Suma(this.checked,this.value)" /><label for="Check1" class="importante">8: P. Menor</label></td>
<td ><span class="importante">valor: <span class="valor">-20</span></span></td>
<td width="646" >Esto corresponde a que tu tienes un amigo o conocido el cual deveras tu de proteger este es más débil Puede ser un familiar todo será decisión del director</td>
</tr>
<tr>
<td width="203" ><input type="checkbox" value="-10" name="Check9" id="Check9" onclick=" Suma(this.checked,this.value)" /><label for="Check1" class="importante">9: Avaricia</label></td>
<td ><span class="importante">valor: <span class="valor">-10</span></span></td>
<td width="646" >Aunque tengas mucho de algo siempre querrás tener mas sea plata tierras Según el director</td>
</tr>
<tr>
<td width="203" ><input type="checkbox" value="-15" name="Check10" id="Check10" onclick=" Suma(this.checked,this.value)" /><label for="Check1" class="importante">10: Codicia</label></td>
<td ><span class="importante">valor: <span class="valor">-15</span></span></td>
<td width="646" >Siempre que veas algo a otras personas y te guste, buscaras la forma de obtenerlo Según el director</td>
</tr>
<tr>
<td width="203" ><input type="checkbox" value="-10" name="Check11" id="Check11" onclick=" Suma(this.checked,this.value)" /><label for="Check1" class="importante">11: Cobarde</label></td>
<td ><span class="importante">valor: <span class="valor">-10</span></span></td>
<td width="646" >Siempre serás el ultimo en arriesgarse, optaras por correr a enfrentarte a algo</td>
</tr>
<tr>
<td width="203" ><input type="checkbox" value="-5" name="Check12" id="Check12" onclick=" Suma(this.checked,this.value)" /><label for="Check1" class="importante">12: Fobias lv1</label></td>
<td ><span class="importante">valor: <span class="valor">-5</span></span></td>
<td width="646" >Le tendrás miedo a algo en especifico y será tratado como cobardía hacia lo escogido.</td>
</tr>
<tr>
<td width="203" ><input type="checkbox" value="-10" name="Check13" id="Check13" onclick=" Suma(this.checked,this.value)" /><label for="Check1" class="importante">13: Fobias lv2</label></td>
<td ><span class="importante">valor: <span class="valor">-10</span></span></td>
<td width="646" >Le tendrás miedo a algo en especifico y será tratado como cobardía hacia lo escogido.</td>
</tr>
<tr>
<td width="203" ><input type="checkbox" value="-15" name="Check14" id="Check14" onclick=" Suma(this.checked,this.value)" /><label for="Check1" class="importante">14: Fobias lv3</label></td>
<td ><span class="importante">valor: <span class="valor">-15</span></span></td>
<td width="646" >Le tendrás miedo a algo en especifico y será tratado como cobardía hacia lo escogido.</td>
</tr>
</table>
<p style="margin-top: 0; margin-bottom: 0">
<span size="4">
<input name="total" value="0" disabled="disabled" style="span-weight: 700"></span>
<input type="submit" value="Continuar">
</div>
</form>
<p style="margin-top: 0; margin-bottom: 0">usted lleva un total de
puntos gastado</p>
</body>
</html>