hay mucha cosa que no sirve para nada
lo he echo solo con una fila, he cambiado unas cuantas cosas, fijate bien, y vas haciendo las demas filas.
por aqui el html
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>
<form name="form1" id="form1" action="procesa.php" method="POST">
<p>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">Nombre</th>
<th scope="col">Costo</th>
<th scope="col">Descripción</th>
</tr>
</thead>
<tbody>
<tr>
<td >
<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 >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>
</tbody>
</table>
</form>
</body>
</html> aqui el css
Código:
@charset "UTF-8";
#form1 table {
border-collapse: collapse;
border: 1px solid #000;
width: 950px;
}
#form1 table th, #form1 table td {
border: 1px solid #000;
padding: 3px;
height:30px;
}
.importante {
font-weight: bold;
}
.valor {
color:#FF0000;
}
.nombre{ width: 150px;}
.costo { width: 100px;}
.descripcion { width: auto;}
lo que tines que hacer es crear un archivo con extension .css y meter hay el codigo css
fijate que lo que enlaza el html con el css es el
<link href="1.css" rel="stylesheet" type="text/css" />
, hay pone 1.css tu lo llamalo como quieras, lo cambias y ya esta.
y enserio si puedes leete poco a poco los 'libros' esos, que esto no es dificil!!
cualquier cosa, por aqui andare