Retroceder   Foros del Web > Diseño de Sitios web > CSS
Actualizar esta página De fondo los Css
Registrarse Ayuda Miembros Buscar Temas de Hoy Marcar Foros Como Leídos

Respuesta
 
Herramientas Desplegado
Antiguo 13-may-2004, 11:35   #1 (permalink)
Rbkrr está en el buen camino
 
Avatar de Rbkrr
 
Fecha de Ingreso: noviembre-2002
Ubicación: Tamps. Mx
Mensajes: 263
Enviar un mensaje por MSN a Rbkrr
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:
Rbkrr está desconectado   Responder Citando
Antiguo 13-may-2004, 12:25   #2 (permalink)
Colaborador
kahlito tiene algunos puntos positivos de karma
 
Avatar de kahlito
 
Fecha de Ingreso: marzo-2003
Ubicación: En el Estrecho y el mar
Mensajes: 2.554
Hola Rbkrr, mejor que pongas el codigo y asi te podremos ayudar mejor
kahlito está desconectado   Responder Citando
Antiguo 13-may-2004, 13:51   #3 (permalink)
Rbkrr está en el buen camino
 
Avatar de Rbkrr
 
Fecha de Ingreso: noviembre-2002
Ubicación: Tamps. Mx
Mensajes: 263
Enviar un mensaje por MSN a Rbkrr
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:
Rbkrr está desconectado   Responder Citando
Antiguo 15-may-2004, 15:13   #4 (permalink)
Colaborador
PatomaS llegará a ser famoso muy prontoPatomaS llegará a ser famoso muy prontoPatomaS llegará a ser famoso muy pronto
 
Avatar de PatomaS
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.392
Alegría
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
__________________
De vuelta por aquí, más o menos

¡ hey, hou, hou, hey !
PatomaS está desconectado   Responder Citando
Respuesta
No hay votos aún.


« Tema Anterior | Próximo Tema »
Herramientas
Desplegado
Mode Lineal Mode Lineal

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes
BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 05:04.

Contáctenos - Foros del Web - Archivo - Arriba

Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93