Lección IV - Estilos de Tabla

Hola amigos, pues me he atorado en la lección 4, sucede que borré lo que sugieren en Estilos de Tabla, esto es <table width="99%" ... para dejarlo <table class="99"... como sugieren, pero resulta que luego de hacer esto, mi página que estaba yendo muy bién, se desconfiguró y por mas que he tratado para que siga al estilo2.css no quiere, a que se debe esto? puedo solucionarlo? Tengo el Dreamweaver 8, acaso para esa versión es diferente el tratamiento de los estilos? Ayudenme a evolucionar con esto. Grax

Aqui dejo mi hoja de estilo2.css (resumida por el espacio)


table.99 {width:99% ;}

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

============================================

Y aquí está mi código fuente de la Plantilla.html (resumida también)


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>digitalperu1 : PONER SECCION</title>
<link href="estilo2.css" media="screen" rel="StyleSheet" type="text/css">
</head>

<body>
<table class="99" border="0px" cellpadding="0px" cellspacing="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>


========================================

a ver si con eso me pueden dar ayuda. Gracias

Pues así a primera vista no me parece que haya nada mal. Comprueba que "estilo2.css" esté en la misma carpeta que "Plantilla.html" y que se llama "estil2.css", si es así, habrá que seguir buscando!!!

Gracias Hq, he revisado una y mil veces que puede estar mal, pero sigue igual, solo hay una parte que me desconcierta. Explico:

En Dreamweaver 8 al poner el cursor en <td class="b1">titulo</td> en la ventana CSS aparece una sección Reglas y ahi sale: td.b3 <td> y asi es en todos los td class

Pero cuando pongo el cursos sobre <table class="99"... no aparece ni una regla en CSS, como si no estubiera asociado a nada, eso fue lo unico que he visto diferente.
¿Crees que ahi este el problema? ¿qué puede estar mal asociado, si dentro de Estilo2.css hay asociado unos parametro pero no los otros?

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

Pues no se qué decirte, investigaré un poco a ver si encuentro algo.........

¿Puedes poner la hoja de estilos completa?

Yo he copiado lo que has puesto y de la página todo lo de la primera tabla y me parece que sale bien.

¿Cuál es el problema concreto que tienes?

Hola hq, eres muy amable en preocuparte de mi problema, bueno, a tu solicitud te envio la hoja de estilos completa. Al haber tenido estos problemas, decidí continuar con las siguientes lecciones y asi no perder el hilo, todo sucede como lo pensado, solo por ese inconveniente. Sinceramente les agradezco, me han decidido a hacer una web site que pronto les invitare a criticar.

table.t99 {width=99%}

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

td.b1{ background-color: #0EBEBA ; width: 150px ; font-weight: bold ; text-align: center ; }
td.b2{ background-color: #OEBEBA ; font-weight: bold ; color: #000080; text-align: center ; }
td.b3{ background-color: #0EBEBA ; width: 50px ; text-align: center ; }

td.c1{ background-color: #9ED7D7 ; width: 150px ; font-weight: bold ; text-align: left ; }
td.c2{ background-color: #F6DA98 ; text-align: justify ; }

td.d1{ background-color: #0EBEBA ; width: 50px ; text-align: center ; }
td.d2{ background-color: #0EBEBA ; font-weight: bold ; text-align: center ; }
td.d3{ background-color: #0EBEBA ; width: 50px ; text-align: center ; }

td.e1{ background-color: white ; width: 150px ; font-weight: bold ; text-align: center ; }
td.e2{ background-color: white ; font-weight: bold ; text-align: center ; }
td.e3{ background-color: white ; width: 150px ; font-weight: bold ; text-align: center ; }

ul {margin:0px 0px 0px 9px; padding: 0px 0px 0px 9px ; }
Li.sub-apartado {text-indent: 20px}

A {text-decoration: none ;}
A:link {color:blue ;}
A:visited {color:blue ;}
A:hover {color:red ; text-decoration: underline ;}
A:active {color:red ;}

Hola Ludwig y hq, saben que a mi tbn me pasa lo mismo :( , y estuve viendo bien el codigo y al parecer el problema esta en que no se esta reconociendo el tipo tabla 99 de la hoja de estilo2.css, esto en la linea table.t99 {width=99%} , esto lo deduje ya que (a mi por lo menos) cuando selecciono una tabla y hago click derecho sobre ella el estilo asociado es Ninguno , sin embargo el programa si me reconoce los otros tipos de datos definidos (a1, a2, b1, etc.)

No se que pasara pero en fin intentare encontrar el problema, Jorgens ayudanos please!!!!!! :cry: :wink:

A todo esto he revisado varias veces mi codigo y no tengo problemas ni de el lugar de alojamiento de la hoja de estilo2.css, ni de su correlacion entre lo que coloque en la web y como se llama el archivo (se llaman ='s) , ni del formato correcto de las lineas. :)

Salu2 a todos!!! muy buen curso por lo demas Jorgens Felicitaciones de mi parte al menos! :wink:

Si lo que has puesto es tu hoja de estilos, fíjate:

table.t99 {width=99%}

Has puesto table.t99, o sea que tendrás que llamar a tu tabla:

<table class="t99">

Espero que te sirva!!!

Gracias hq
Justo esa había sido una modificación para ver que resultaba y todo salió bién. Gracias a tu ayuda, ahora mi página ya tiene una buena cara, lo que me da pena es que no estén todas las lecciones completas, de hecho he avanzado bastante, pero me he quedado a la espectativa. Gracias por todo amigo.