Hola!! :D , a ver si alguien me puede ayudar, estoy siguiendo las instrucciones del curso, voy por la cuarta lección, lo que pasa es que no se aplican los estilos definidos con el bloc de notas en las tablas de la plantilla. Es dejo tanto el codigo html de la plantilla como como el bloc de notas mirar a ver en que me he equivocado x favor, es todo un poco largo lo siento :oops:
este es el codigo de la plantilla:
<head>
<title>Titulo de tu pagina : PONER SECCION</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<link rel="StyleSheet" href="estilo2.css" media="screen" type="text/css">
</head>
<body bgcolor="#FFFFFF">
<table width="99%" border="0px" cellspacing="0px" cellpadding="0px" height="31px">
<tr>
<td>Logotipo</td>
<td>Banner</td>
</tr>
</table>
<table width="99%" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td>titulo</td>
<td>ruta</td>
<td>flechas</td>
</tr>
</table>
<table width="99%" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td>menu</td>
<td>contenido</td>
</tr>
</table>
<table width="99%" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td>contador</td>
<td>opciones</td>
<td>flechas</td>
</tr>
</table>
<table width="99%" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td>flecha</td>
<td>hueco</td>
<td>firma</td>
</tr>
</table>
</p>
</p>
</p>
</p>
</body>
</html>
Y este el del bloc de notas:
table.99 {width:99% ;}
td.a1{ background-color: white ; width: 150px ; }
td.a2{ background-color: white ; }
td.b1{ background-color: #OEBEBA ; width: 150px ; }
td.b2{ background-color: #OEBEBA ; }
td.b3{ background-color: #OEBEBA ; width: 50px ; }
td.c1{ background-color: #9ED7D7 ; width: 150px ; }
td.c2{ background-color: #F6DA98 ; }
td.d1{ background-color: #OEBEBA ; width: 50px ; }
td.d2{ background-color: #OEBEBA ; }
td.d3{ background-color: #OEBEBA ; width: 50px ; }
td.e1{ background-color: white ; width: 150px ; }
td.e2{ background-color: white ; }
td.e3{ background-color: white ; width: 150px ; }
este es el codigo de la plantilla:
<head>
<title>Titulo de tu pagina : PONER SECCION</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<link rel="StyleSheet" href="estilo2.css" media="screen" type="text/css">
</head>
<body bgcolor="#FFFFFF">
<table width="99%" border="0px" cellspacing="0px" cellpadding="0px" height="31px">
<tr>
<td>Logotipo</td>
<td>Banner</td>
</tr>
</table>
<table width="99%" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td>titulo</td>
<td>ruta</td>
<td>flechas</td>
</tr>
</table>
<table width="99%" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td>menu</td>
<td>contenido</td>
</tr>
</table>
<table width="99%" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td>contador</td>
<td>opciones</td>
<td>flechas</td>
</tr>
</table>
<table width="99%" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td>flecha</td>
<td>hueco</td>
<td>firma</td>
</tr>
</table>
</p>
</p>
</p>
</p>
</body>
</html>
Y este el del bloc de notas:
table.99 {width:99% ;}
td.a1{ background-color: white ; width: 150px ; }
td.a2{ background-color: white ; }
td.b1{ background-color: #OEBEBA ; width: 150px ; }
td.b2{ background-color: #OEBEBA ; }
td.b3{ background-color: #OEBEBA ; width: 50px ; }
td.c1{ background-color: #9ED7D7 ; width: 150px ; }
td.c2{ background-color: #F6DA98 ; }
td.d1{ background-color: #OEBEBA ; width: 50px ; }
td.d2{ background-color: #OEBEBA ; }
td.d3{ background-color: #OEBEBA ; width: 50px ; }
td.e1{ background-color: white ; width: 150px ; }
td.e2{ background-color: white ; }
td.e3{ background-color: white ; width: 150px ; }