Foros del Web » Creando para Internet » CSS »

De fondo los Css

Estas en el tema de De fondo los Css en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 13/05/2004, 12:35
Avatar de Rbkrr  
Fecha de Ingreso: mayo-2002
Ubicación: Tamps. Mx
Mensajes: 277
Antigüedad: 15 años, 7 meses
Puntos: 0
De fondo los Css

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!
__________________
:adios:
  #2 (permalink)  
Antiguo 13/05/2004, 13:25
Avatar de kahlito
Colaborador
 
Fecha de Ingreso: marzo-2003
Ubicación: En el Estrecho y el mar
Mensajes: 2.893
Antigüedad: 14 años, 9 meses
Puntos: 60
Hola Rbkrr, mejor que pongas el codigo y asi te podremos ayudar mejor
  #3 (permalink)  
Antiguo 13/05/2004, 14:51
Avatar de Rbkrr  
Fecha de Ingreso: mayo-2002
Ubicación: Tamps. Mx
Mensajes: 277
Antigüedad: 15 años, 7 meses
Puntos: 0
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">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}
//-->
</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">
<!-- fwtable fwsrc="menu.png" fwbase="Report Menu.gif" fwstyle="Dreamweaver" fwdocid = "742308039" fwnested="0" -->
<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>
__________________
:adios:
  #4 (permalink)  
Antiguo 15/05/2004, 16:13
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 13 años, 9 meses
Puntos: 63
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
__________________
¡ hey, hou, hou, hey !
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:07.