Ya estoy auqui con más dudas :cry: y estas no las puedo slucionar como la anterior:
1- pongo lo del margen del menu que ponia en la web pero resulta que no sirve de nada porque se queda igal (ul{margen...})
2- lo mismo pasa con lo del IL class="sub-apartado" que no hace nada.
3- Cuando previsualizo la pagina en mozilla firefox las tres primeras
columnas entre ellas la del menu no se ven, solo se ven las dos últimas.
En rojo esta lo que falla.
Y creo que eso es todo pero lo m´ñas importante es lod e firefox que es el navegador que yo siempre utilizo :(
Aqui dejo el Html y la hoja de estilos:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Críticas D&C : PONER SECCION</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 border="0px" cellpadding="0px" cellspacing="0px" class="aversiva">
<tr>
<td class="a1">logotipo</td>
<td class="a2">Banner</td>
</tr>
</table>
<table border="0px" cellpadding="0px" cellspacing="0px" class="aversiva">
<tr>
<td class="b1">Título</td>
<td class="b2">Ruta</td>
<td class="b3">[contenido no disponible] [contenido no disponible]</td>
</tr>
</table>
<table border="0px" cellpadding="0px" cellspacing="0px" class="aversiva">
<tr>
<td class="c1"> <ul>
<LI><a href="principal.htm">
Principal</a></LI>
<LI>
Noticias</LI>
<LI>
Estrenos</LI>
<LI class="sub-apartado2" >
Películas</LI>
<LI class="sub-apartado2" >
Videjuegos</LI>
<LI>
Películas</LI>
<LI>
Videojuegos</LI>
<LI>
Foro</LI>
<LI>
Enlaces</LI>
</td>
<td class="c2">Contenido</td>
</tr>
</table>
<table border="0px" cellpadding="0px" cellspacing="0px" class="aversiva">
<tr>
<td class="d1">Contador</td>
<td class="d2">opciones</td>
<td class="d3"> [contenido no disponible] [contenido no disponible]</td>
</tr>
</table>
<table border="0px" cellpadding="0px" cellspacing="0px" class="aversiva">
<tr>
<td class="e1">Actualizada el
<21/8/06/td>
<td class="e2">Hueco</td>
<td class="e3">[correo eliminado] </td>
</tr>
</table>
</body>
</html>
Hoja:
table.aversiva{ width: 99% ;}
td.a1{ background-color: #F99D13 ; width: 150px ; text-align:center ;}
td.a2{ background-color: #F99D13 ; text-align:center ;}
td.b1{ background-color: #5C54FE ; width: 120px ; font-weight:bold ; text-align:center ;}
td.b2{ background-color: #5C54FE ; text-align:center ; color: yellow ; font-weight:bold ;}
td.b3{ background-color: #5C54FE ; width: 50px ; text-align:center ;}
td.c1{ background-color: #66CCFF ; width: 120px ; text-align: left ; font-weight:bold ;}
td.c2{ background-color: #66CCFF ; text-align: justify ;}
td.d1{ background-color: #5C54FE ; width: 120px ; text-align:center ;}
td.d2{ background-color: #5C54FE ; text-align:center ; font-weight:bold ;}
td.d3{ background-color: #5C54FE ; width: 50px ; text-align:center ;}
td.e1{ background-color: #F99D13 ; width: 120px ; text-align:center ; font-weight:bold ;}
td.e2{ background-color: #F99D13 ; text-align:center ; font-weight:bold ;}
td.e3{ background-color: #F99D13 ; width: 120px ; text-align:center ; font-weight:bold ;}
ul{padding: 0px 0px 0px 9px; margin:0px 0px 0px 9px ;}
IL.sub-apartado2{text-indent: 60px ;}
A {text-decoration: none ;}
A:link {color:blue ;}
A:visited {color:blue ;}
A:hover {color:red ; text-decoration: underline ;}
A:active {color:red ;}
1- pongo lo del margen del menu que ponia en la web pero resulta que no sirve de nada porque se queda igal (ul{margen...})
2- lo mismo pasa con lo del IL class="sub-apartado" que no hace nada.
3- Cuando previsualizo la pagina en mozilla firefox las tres primeras
columnas entre ellas la del menu no se ven, solo se ven las dos últimas.
En rojo esta lo que falla.
Y creo que eso es todo pero lo m´ñas importante es lod e firefox que es el navegador que yo siempre utilizo :(
Aqui dejo el Html y la hoja de estilos:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Críticas D&C : PONER SECCION</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 border="0px" cellpadding="0px" cellspacing="0px" class="aversiva">
<tr>
<td class="a1">logotipo</td>
<td class="a2">Banner</td>
</tr>
</table>
<table border="0px" cellpadding="0px" cellspacing="0px" class="aversiva">
<tr>
<td class="b1">Título</td>
<td class="b2">Ruta</td>
<td class="b3">[contenido no disponible] [contenido no disponible]</td>
</tr>
</table>
<table border="0px" cellpadding="0px" cellspacing="0px" class="aversiva">
<tr>
<td class="c1"> <ul>
<LI><a href="principal.htm">
Principal</a></LI>
<LI>
Noticias</LI>
<LI>
Estrenos</LI>
<LI class="sub-apartado2" >
Películas</LI>
<LI class="sub-apartado2" >
Videjuegos</LI>
<LI>
Películas</LI>
<LI>
Videojuegos</LI>
<LI>
Foro</LI>
<LI>
Enlaces</LI>
</td>
<td class="c2">Contenido</td>
</tr>
</table>
<table border="0px" cellpadding="0px" cellspacing="0px" class="aversiva">
<tr>
<td class="d1">Contador</td>
<td class="d2">opciones</td>
<td class="d3"> [contenido no disponible] [contenido no disponible]</td>
</tr>
</table>
<table border="0px" cellpadding="0px" cellspacing="0px" class="aversiva">
<tr>
<td class="e1">Actualizada el
<21/8/06/td>
<td class="e2">Hueco</td>
<td class="e3">[correo eliminado] </td>
</tr>
</table>
</body>
</html>
Hoja:
table.aversiva{ width: 99% ;}
td.a1{ background-color: #F99D13 ; width: 150px ; text-align:center ;}
td.a2{ background-color: #F99D13 ; text-align:center ;}
td.b1{ background-color: #5C54FE ; width: 120px ; font-weight:bold ; text-align:center ;}
td.b2{ background-color: #5C54FE ; text-align:center ; color: yellow ; font-weight:bold ;}
td.b3{ background-color: #5C54FE ; width: 50px ; text-align:center ;}
td.c1{ background-color: #66CCFF ; width: 120px ; text-align: left ; font-weight:bold ;}
td.c2{ background-color: #66CCFF ; text-align: justify ;}
td.d1{ background-color: #5C54FE ; width: 120px ; text-align:center ;}
td.d2{ background-color: #5C54FE ; text-align:center ; font-weight:bold ;}
td.d3{ background-color: #5C54FE ; width: 50px ; text-align:center ;}
td.e1{ background-color: #F99D13 ; width: 120px ; text-align:center ; font-weight:bold ;}
td.e2{ background-color: #F99D13 ; text-align:center ; font-weight:bold ;}
td.e3{ background-color: #F99D13 ; width: 120px ; text-align:center ; font-weight:bold ;}
ul{padding: 0px 0px 0px 9px; margin:0px 0px 0px 9px ;}
IL.sub-apartado2{text-indent: 60px ;}
A {text-decoration: none ;}
A:link {color:blue ;}
A:visited {color:blue ;}
A:hover {color:red ; text-decoration: underline ;}
A:active {color:red ;}