Entrar

problemas con mi página

troner · · Solicitar retirada
Hola, estoy siguiendo el curso de creación, y tengo el siguiente problema, que creo que es por que uso la versión 8 de dreamweaver.

Al grano, el problema es que no consigo que las tablas tengan todas el mismo tamaño.

El codigo 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">
<html>
<head>
<title>Titulo de tu pagina : PONER SECCION</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<link href="estilo2.css" media="screen" rel="StyleSheet" type="text/css">
</head>
<body bgcolor="#FFFFFF">

<table class="99" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td class="a1">Logotipo</td>
<td class="a2">Banner</td>
</tr>
</table>

<table class="99" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td class="b1">titulo</td>
<td class="b2">ruta</td>
<td class="b3">flechas</td>
</tr>
</table>

<table class="99" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td class="c1">menu</td>
<td class="c2">contenido</td>
</tr>
</table>

<table class="99" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td class="d1">contador</td>
<td class="d2">opciones</td>
<td class="d3">flechas</td>
</tr>
</table>

<table class="99" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td class="e1">fecha</td>
<td class="e2">hueco</td>
<td class="e3">firma</td>
</tr>
</table>
</body>
</html>

Y el css:

table.99 {width:99% ;}

td.a1{ background-color: white ; width: 150px ; }
td.a2{ background-color: white ; }

td.b1{ background-color: green ; width: 150px ; }
td.b2{ background-color: green ; }
td.b3{ background-color: green ; width: 50px ; }

td.c1{ background-color: #9ED7D7 ; width: 150px ; }
td.c2{ background-color: #F6DA98 ; }

td.d1{ background-color: green ; width: 50px ; }
td.d2{ background-color: green ; }
td.d3{ background-color: green ; width: 50px ; }

td.e1{ background-color: white ; width: 150px ; }
td.e2{ background-color: white ; }
td.e3{ background-color: white ; width: 150px ; }

Bueno haber que me contais.

Un saludo y gracias.
JorGens · · Solicitar retirada
Saludos.

Se debe a un error mio que creí haber coregido en la versión nueva de ComoCrearTuWeb. Voy a revisarla por si no lo hice bien, pero te adelanto la solución.

En las lecciones propuse crear un estilo de tabla al que llamariamos 99, pero resulta que en css no conviene nombrar a los tipos y clases de estilos con nombres que empiecen con un número, pues no se interpretan bien en algunos navegadores.

Por eso, hay que nombrarlos de otro modo. Se pueden usar números siempre y cuando el nombre empiece con una letra. Por eso los estilos llamados con a1, a2, b1... etc, no dieron problemas, pero el estilo de la tabla llamado 99 si lo daba.

La solución es cambiar el nombre a ese estilo, por ejemplo nombrándolo como ancho99. Cambiando 99 por ancho99 tanto en la hoja de estilos como en la página html se soluciona todo.

Siento el error, pero en este mundillo nunca se sabe lo que puede suceder en algunos navegadores, je je. y nunca se termina de aprender.

Gracias por el aviso. Un saludo.