No estoy segura si este sea un problema de css, así que me disculparán si estoy en el foro equivocado.
Estoy incursionando en los archivos de secuencias de comandos de jscript, tengo un menu que es generado de esa forma y estoy tratando de darle una mejor vista con hojas de estilo, ya tengo el código "necesario" para darle estilo pero por alguna razón el archivo no pela al css o no se que onda, este es mi código:
aqui esta el archivo secuencial: css_style_data.js
Código PHP:
fixMozillaZIndex=true; //Fixes Z-Index problem with Mozilla browsers but causes odd scrolling problem, toggle to see if it helps
_menuCloseDelay=500 // The time delay for menus to remain visible on mouse out
_menuOpenDelay=150 // The time delay before menus open on mouse over
_subOffsetTop=0 // Sub menu top offset
_subOffsetLeft=0 // Sub menu left offset
with(menuStyle7=new mm_style()){
offclass="menuOff7";
onclass="menuOn7";
}
with(menuStyle7a=new mm_style()){
offclass="menuOff7a";
onclass="menuOn7a";
borderstyle="solid";
borderwidth=1;
bordercolor="#FFF2E1";
subimage="arrow.gif";
subimagepadding=2;
menubgimage="style_7a_menubg.gif";
}
//---------------------------------------------------------------------------Main Menu
with(milonic=new menuname("Main Menu")){
style=menuStyle7; /*aca llamo del css el estilo 7*/
//openstyle="up";
//top=0;
//left=1;
alwaysvisible=1;
orientation="horizontal";
//position="absolute";
position="relative";
aI("image=;");
aI("image=../images/home_32.bmp;onfunction=document.getElementById('img1').style.visibility='visible';offfunction=document.getElementById('img1').style.visibility='hidden';url=../index.html;target=_top");
aI("onfunction=document.getElementById('img2').style.visibility='visible';offfunction=document.getElementById('img2').style.visibility='hidden';text=Resguardos...;showmenu=opcion1;");
aI("onfunction=document.getElementById('img3').style.visibility='visible';offfunction=document.getElementById('img3').style.visibility='hidden';text=Informes...;url=javascript:openIFrame('tempiframe','../reportes.php')");
aI("onfunction=document.getElementById('img4').style.visibility='visible';offfunction=document.getElementById('img4').style.visibility='hidden';text=Monitoreo;showmenu=opcion3;");
aI("onfunction=document.getElementById('img5').style.visibility='visible';offfunction=document.getElementById('img5').style.visibility='hidden';text=Bienes Muebles;showmenu=opcion4;");
aI("onfunction=document.getElementById('img6').style.visibility='visible';offfunction=document.getElementById('img6').style.visibility='hidden';text=Sistema;showmenu=opcion5;");
aI("onfunction=document.getElementById('img7').style.visibility='visible';offfunction=document.getElementById('img7').style.visibility='hidden';text=Ayuda\t\t\t\t\t;showmenu=opcion6;");
}
//------------------------------------------------------------------------submenus
with(milonic=new menuname("opcion1")){
style=menuStyle7a; /*aca llamo del css el estilo 7a (en cada submenu igual)*/
overflow="scroll";
aI("image=;");
aI("text=ABC;url=javascript:openIFrame('tempiframe','../abc.php')");
aI("text=Importar Datos;url=javascript:openIFrame('tempiframe','../importa.php')");
}
with(milonic=new menuname("opcion3")){
style=menuStyle7a;
overflow="scroll";
aI("image=;");
aI("text=Pendientes;url=javascript:openIFrame('tempiframe','../monitor.php')");
aI("text=Realizados;url=javascript:openIFrame('tempiframe','../monitor2.php')");
}
with(milonic=new menuname("opcion4")){
style=menuStyle7a;
overflow="scroll";
aI("image=;");
aI("text=Por 1º opcion;url=javascript:openIFrame('tempiframe','../consulta1.php')");
aI("text=Por 2º opcion;url=javascript:openIFrame('tempiframe','../consulta2.php')");
aI("text=Por 3º opcion;url=javascript:openIFrame('tempiframe','../consulta3.php')");
}
with(milonic=new menuname("Sistema")){
style=menuStyle7a;
overflow="scroll";
aI("image=;");
aI("text=ABC de Usuarios;url=javascript:openIFrame('tempIFrame','../usuarios/menu.php')");
aI("text=Cerrar sesión;url=http://dje01.dj.cfemex.com/sistemas/index_sis.html;target=_top");
}
//***** Menu de Ayuda *****
function Papayudax()
{
var URL='../acercad.php';
var sValue = window.open(URL,'',"dependent=yes,resizable=no,left=250,top=150,height=400,width=550,scrollbars=no");
}
function Papayudaxx()
{
var URL='../ayudpro.php';
var sValue = window.open(URL,'',"dependent=yes,resizable=no,left=150,top=50,height=550,width=700,scrollbars=no");
}
function docu()
{
var URL='../documentacion_pdf.php';
var WW=window.screen.availWidth;
var HH = window.screen.availHeight;
var sValue = window.open(URL,'',"dependent=no,resizable=yes,left=0,top=0,height="+HH+",width="+WW);
}
with(milonic=new menuname("Ayuda")){
style=menuStyle7a;
overflow="scroll";
aI("image=;");
aI("text=Acerca de... ;url=javascript:Papayudax()");
aI("text=Ayuda en los procesos;url=javascript:Papayudaxx()");
aI("text=Documentación;url=javascript:docu()");
}
drawMenus();
Código PHP:
.menuOff7{
background: #569696 url(style_bg7.gif);
color:#d1e9e9;
font-style:normal;
font-weight:bold;
font-family:arial,tahoma,serif;
font-size:12px;
border-style:solid;
border-width:0px;
border-color:#FFF2E1;
margin:0px;
padding:2px;
width:100px;
}
.menuOn7{
background: #7cb7b7 url(style_bg7_over.gif);
color:#477b7b;
font-style:italic;
font-weight:bold;
font-family:arial,tahoma,serif;
font-size:12px;
border-style:solid;
border-width:0px;
border-color:#FFF2E1;
margin:0px;
padding:2px;
width:100px;
}
.menuOff7a{
color:#569EA7;
font-style:normal;
font-weight:bold;
font-family:arial,tahoma,serif;
font-size:11px;
margin:0px;
padding:3px;
height:20px;
}
.menuOn7a{
background: #FFF2E1 url(style_bg7a_over.gif);
color:#477b7b;
font-style:normal;
font-weight:bold;
font-family:arial,tahoma,serif;
font-size:11px;
margin:0px;
padding:3px;
height:20px;
}
Pues eso es lo que me da lata no se si hay algo mal en alguno de los dos, les agradeceria que me guiarán un mucho por favor, desde ahora gracias
