De fondo los Css

Rbkrr · #1 (**permalink**) 13/05/2004, 11:35

Oigan hice un diseñito utilizando Css pero quiero poner un menu arriba de un cuadrito, esta en una tabla el menu pero el problema es que cuando lo ejecuto nadamas se ven las hojas y el menu no se ve

no se por que sea esto y se que la tabla con el menu ahi esta, alguien sabe algo al respecto ?

Saludos!

kahlito · #2 (**permalink**) 13/05/2004, 12:25

Hola Rbkrr, mejor que pongas el codigo y asi te podremos ayudar mejor

Rbkrr · #3 (**permalink**) 13/05/2004, 13:51

Lo pongo todo por que no se desde o hasta donde :(

<head>
<title>Capas</title>
<style>
/*estilo Azul*/

.arriba{
position: absolute;
width: 1280px;
height:80px;
z-index: 1;
left: 0px;
top: 0px;
overflow: visible;
border : 1px solid #788DA2;
background-color : #788DA2;
}
.izquierda{
position: absolute;
width:30px;
height:580px;
z-index: 1;
left: 900px;
top: 0px;
overflow: visible;
border : 1px solid #BAC3CC;
background-color : #BAC3CC;
color:#FFFFFF;
}
.centro{
position: absolute;
width:870px;
height:500;
z-index: 1;
left: 30px;
top: 80px;
overflow: auto;
border : 1px solid #ACBCCC;
background-color : #ACBCCC;
}

.derecha{
position:absolute;
left:0px;
top:0px;
width:30px;
height:580;
z-index:2;
border : 1px solid #BAC3CC;
background-color : #BAC3CC;
width:120;
color:#FFFFFF;
}
/*estilo Azul*/
.arriba{ position: absolute; width: 1280px; height:80px; z-index: 1; left: 0px; top: 0px; overflow: visible; border : 1px solid #788DA2; background-color : #788DA2; }
.izquierda{ position: absolute; width:30px; height:580px; z-index: 1; left: 900px; top: 0px; overflow: visible; border : 1px solid #BAC3CC; background-color : #BAC3CC; color:#FFFFFF; }
.centro{ position: absolute; width:870px; height:500; z-index: 1; left: 30px; top: 80px; overflow: auto; border : 1px solid #ACBCCC; background-color : #ACBCCC; }
.derecha{ position:absolute; left:0px; top:0px; width:30px; height:580; z-index:2; border : 1px solid #BAC3CC; background-color : #BAC3CC; width:120; color:#FFFFFF; }

</style>
<script language="JavaScript" type="text/JavaScript">

</script>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('Report%20Menu_r2_c2_f3.g if','Report%20Menu_r2_c2_f2.gif','Report%20Menu_r2 _c2_f4.gif','Report%20Menu_r3_c4_f3.gif','Report%2 0Menu_r3_c4_f2.gif','Report%20Menu_r3_c4_f4.gif',' Report%20Menu_r4_c6_f3.gif','Report%20Menu_r4_c6_f 2.gif','Report%20Menu_r4_c6_f4.gif')">
<div id="centro" class="centro"></div>
<div id="derecha" class="derecha"></div>
<div id="iquierda" class="izquierda"></div>
<div id="cabeza" class="arriba"> </div>
<table border="0" cellpadding="0" cellspacing="0" width="690">

<tr> </tr>
<tr>
<td rowspan="3"><div align="right"><img name="Report20Menu_r2_c2" src="Report%20Menu_r2_c2.gif" width="109" height="27"
border="0" usemap="#m_Report20Menu_r2_c2" alt="Selecciona el Equipo a buscar"></div>
</td>
</tr>
<tr>
<td rowspan="2"><div align="left"><img name="Report20Menu_r3_c4" src="Report%20Menu_r3_c4.gif" width="109" height="27"
border="0" usemap="#m_Report20Menu_r3_c4" alt="Muestra la Facturación mensual de los Equipos"></div>
</td>
</tr>
<tr>
<td><div align="right"><img name="Report20Menu_r4_c6" src="Report%20Menu_r4_c6.gif" width="79" height="15" border="0"
usemap="#m_Report20Menu_r4_c6" alt=""></div>
</td>
</tr>
<map name="m_Report20Menu_r2_c2">
<area shape="POLY" coords="10,0,91,0,97,3,100,10,100,10,97,17,91,20,1 0,20,3,17,0,10,0,10,3,3"
href="javascript:;" target="_top" alt="" onClick="MM_nbGroup('down','navbar1','Report20Menu _r2_c2','Report%20Menu_r2_c2_f3.gif',1);"
onMouseOver="MM_nbGroup('over','Report20Menu_r2_c2 ','Report%20Menu_r2_c2_f2.gif','Report%20Menu_r2_c 2_f4.gif',1);"
onMouseOut="MM_nbGroup('out');">
</map>
<map name="m_Report20Menu_r3_c4">
<area shape="POLY" coords="10,0,91,0,97,3,100,10,100,10,97,17,91,20,1 0,20,3,17,0,10,0,10,3,3"
href="javascript:;" target="_top" alt="" onClick="MM_nbGroup('down','navbar1','Report20Menu _r3_c4','Report%20Menu_r3_c4_f3.gif',1);"
onMouseOver="MM_nbGroup('over','Report20Menu_r3_c4 ','Report%20Menu_r3_c4_f2.gif','Report%20Menu_r3_c 4_f4.gif',1);"
onMouseOut="MM_nbGroup('out');">
</map>
<map name="m_Report20Menu_r4_c6">
<area shape="POLY" coords="7,0,64,0,68,2,70,6,70,6,68,10,64,12,7,12,2 ,10,0,6,0,6,2,2"
href="javascript:;" target="_top" alt="Salir de la Aplicación" onClick="MM_nbGroup('down','navbar1','Report20Menu _r4_c6','Report%20Menu_r4_c6_f3.gif',1);"
onMouseOver="MM_nbGroup('over','Report20Menu_r4_c6 ','Report%20Menu_r4_c6_f2.gif','Report%20Menu_r4_c 6_f4.gif',1);"
onMouseOut="MM_nbGroup('out');">
</map>

</table>
<div id="centro" class="centro"></div>
<div id="derecha" class="derecha"></div>
<div id="iquierda" class="izquierda"></div>
<div id="cabeza" class="arriba"> </div>

</body>
</html>

PatomaS · #4 (**permalink**) 15/05/2004, 15:13

Hola

revisando tu código, veo que tienes varios detalles curiosos, pero uno de los más notorios, es que repites las capas al comienzo y al final del documento ¿por qué?.

Además, tienes las capas vacias, incluye algo de texto o imágenes en ellas y verás el contenido.

Me parece además que la capa grande, la que ocuparía la mayor parte de lapantalla, la tienes muy a la izquierda.

además, tienes una con un acho de 1280, te recomiendoqueno hagas cosas tan anchas pues la resolución normal de la gente no es tan grande.

Luego, las imágenes mapeadas tienen espacios en blanco en sus nobres, deberías quitárselos, sustitúyelos, por ejemplo, por subrayados o guiones. En tú código los espacios en blanco aparecen como %20.

Tambien tienes repetidas las reglas de los estilos, quita una copia.

Cuando hayas hecho esa limpieza, puede quete funcione bien, pero si no es así, ya nos avisarás.

Por cierto, mejor que pegar aquí el código, es que nos des una url dónde mirarlo.

Suerte

Felicidad