Entrar

Ayuda con la hoja de estilos para la plantilla

AlbertoXt · · Solicitar retirada
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 ; }
AlbertoXt · · Solicitar retirada
Pero no en lo que es la pagina subida, si no en el dreamweaver, ni en la vista previa, ni en lo otro no se aplican los cambios y tengo el link puesto en html y tambien puesto el bloc de notas como editor. No se que pasa.
aorkis · · Solicitar retirada
Bueno, comentanos lo que te paso!

Tal vez alguien se encuentr como tu y tu ayuda puede acarlo del fracaso! :wink:

Gracias a ti :D
AlbertoXt · · Solicitar retirada
Pues que habia sido demasiado impaciente a la hora de ver como quedava, y en la siguiente lección jorgens explicaba que habia que poner que tabla tenia que coger cada estilo del bloc de notas en el html. De todas formas a ver si me puedes ayudar en un problemilla que me ha surgido ahora, que al quitar en el codigo html de la plantilla, que las tablas tienen que tener un 99% de anchura no reconoce que en la hoja de estilos tengo puesto que tienen que ocuparlo.¿sabes lo que te digo? Antes ya he puestola hoja de estilo y eso ha ver si le puesdes ver un fallo, gracias.
JorGens · · Solicitar retirada
Saludos amigo.

Por un lado, tienes que corregir algo. Los nombres de los estilos nunca pueden empezar por un número, luego el estilo table.99 no va a funcionar pues empieza por 99. Cambialo por table.ancho99 tanto en la hoja de estilo como el el código html de la web y listo.

MAL table.99 {width:99% ;}
BIEN table.ancho99 {width:99% ;}

Por otro lado veo un fallito que parece que ya has corregido. Has definido la anchura de 99% tanto en la hoja de estilo como en la web, de modo que lo tienes definido 2 veces. Has de eliminar uno, preferentemente el de la web, dejando el de la hoja de estilo.

<table class="ancho99" border="0px" cellspacing="0px">


Ya nos contarás!
AlbertoXt · · Solicitar retirada
Ah, claro ahí estaba el fallo, muchas gracias, me dava mucha rabia tenerlo tambien definido en el html, ya que no es asi como lo dices en el curso y no me habia dado cuenta del error. Muchas gracias.
Ah por cierto felicidades por tu página, buscas otras donde te enseñen a hacer páginas web y estan muy incompletas y mal explicadas la tuya en cambio no da nada por sabido y eso esta genial para los totalmente principiantes en esto como yo.

Saludos
JorGens · · Solicitar retirada
Me alegra que te guste la página. Poco a poco vamos mejorandola, pero aún queda mucho mucho que hacer en ella. Hay tanto de que hablar que nunca se ve el final :wink:

Un saludo!