Entrar

Problemas con la vista previa

juanchomoreno · · Solicitar retirada
Tengo una inquietud: en la cuarta leccion, en la que trabajamos con las 5 tablas, estoy verificando todo y hago la vista previa (F12), me sale la tabla bien pero el fondo es naranja totalmente, hasta por fuera de las tablas, y los colores de las celdas son, blancos, negros y amarillo, no se si tengo un error en el código porque si así fuera se mostraría, ya que en la ventana de diseño del Dreamweaver, me salen los colores adecuados que quiero tener . Ayúdenme!
JorGens · · Solicitar retirada
Lo mejor es que nos copies aqui el codigo de tu web y el de la hoja de estilo. Podremos ayudarte mejor.

Un saludo! :wink:
juanchomoreno · · Solicitar retirada
Mira este es el código HTML de la plantilla1:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>DKCH: Concursos</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="estilo2.css" media="screen" rel="StyleSheet" type="text/css">
</head>
<body>
<table width="99%" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td class="a1">Logotipo</td>
<td class="a2">Banner</td>
</tr>
</table>
<table width="99%" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td class="b1">T&iacute;tulo</td>
<td class="b2">Ruta</td>
<td class="b3">[contenido no disponible] [contenido no disponible]</td>
</tr>
</table>
<table width="99%" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td width="22%" class="c1">
<UL>
<LI>MENÚ</LI>
<LI>Concursos</LI>
<LI class="sub-apartado">Mope2</LI>
<LI class="sub-apartado">Mope</LI>
<LI>Grupo de locutores</LI>
<LI>Artista semanal</LI>
<LI>Top 5</LI>
<LI>Fotos</LI>
<LI>Contáctanos</LI>
<LI>Libro de Visitas</LI>
</td>
<td width="78%" class="c2">Contenido</td>
</tr>
</table>
<table width="99%" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td class="d1">Contador </td>
<td class="d2">Opciones</td>
<td class="d3">[contenido no disponible] [contenido no disponible]</td>
</tr>
</table>
<table width="99%" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td class="e1">9 Octubre, 2006</td>
<td class="e2">Hueco</td>
<td class="e3">Firma</td>
</tr>
</table>
</body>
</html>

Y el de la página de estilo2:

table.99 {width: 99%}

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

td.b1{ background-color: black; width: 150 px ; text-align:center; color: white;}
td.b2{ background-color: black ; text-align:center; color: white;}
td.b3{ background-color: black ; width: 50 px ; text-align:center; color: white;}

td.c1{ background-color: white ; width: 150 px ;font-weight: bold ; text-align:left;}
td.c2{ background-color: yellow ; text-align: justify}

td.d1{ background-color: black ; width: 50 px ; text-align:center; color: white;}
td.d2{ background-color: black ; text-align:center; color: white;}
td.d3{ background-color: black ; width : 50 px ; text-align:center; color: white;}

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

A {text-decoration:none ;}
A:link {color:black ;}
A:visited {color:yellow ;}
A:hover {color:yellow ; text-size: 15px ;}
A:active {color:yellow ; text-size: 15px ;}

Li.sub-apartado {text-indent: 20px ;}

ul {margin:0px 0px 0px 9px; padding: 0px 0px 0px 9px}

Eso es todo
JorGens · · Solicitar retirada
Yo no veo el fondo naranja. Solo fondos blanco, amarillo y negro. ¿Es eso lo que pretendes? Entonces todo va bien...

Por cierto, no te recomiendo el ancho en porcentaje para la celda del contenido, pues así se deforma el menú. Mejor dale un ancho fijo al menú y deja el contenido con un ancho de "auto", como suena, sin comillas y sin px.

Dinos algo!
hq · · Solicitar retirada
Es muy sencillo, las celdas que quieres que aparezcan en naranja las cambias (en la hoja de estilos), p.e.:
td.a1{ background-color: white ; width : 150 px ; text-align:center;}
La cambias por:
td.a1{ background-color: orange ; width : 150 px ; text-align:center;}

Yo además pondría otra cosa en la hoja de estilos, pero vamos cómo tu lo veas, al principio:
body { background-color: elqueteguste ; }
Y cambias "elqueteguste" por el color que quieras para el fondo de toda la página!!!