este es la parte de configuracion
Cita: No tocar a partir de aquí */
var tunIex=navigator.appName=="Microsoft Internet Explorer"?true:false;
if(tunIex && navigator.userAgent.indexOf('Opera')>=0){tunIex = false}
var Opera = navigator.userAgent.indexOf('Opera')>=0 ? true : false;
var manita = tunIex ? 'hand' : 'pointer'
var subOps = new Array()
function construye(){
cajaMenu = document.createElement('ul')
cajaMenu.style.width = anMenu + "px"
cajaMenu.style.zIndex = 1
cajaMenu.style.marginLeft = 0
cajaMenu.style.paddingLeft = 0
document.getElementById('me').appendChild(cajaMenu )
for(m=0; m < totalMen; m++){
opchon = eval('Op_'+m)
boton = document.createElement('li')
boton.style.marginLeft = 0
boton.style.paddingLef = 0
boton.style.listStyleType = 'none'
boton.style.position = 'relative'
boton.style.zIndex = (100 - m)
boton.className = 'botones'
boton.style.cursor = manita
boton.id = 'op_' + m
if(opchon.enl){
lin = document.createElement('a')
lin.className = 'enlacesmenu'
lin.href = opchon.enl
if(opchon.dest){
lin.target = opchon.dest
}
boton.appendChild(lin)
lin.appendChild(document.createTextNode(opchon.tex ))
}
else{
boton.appendChild(document.createTextNode(opchon.t ex))
}
boton.onmouseover = function(){
mostrar(this)
}
boton.onmouseout=function(){
ocultar(this)
}
cajaMenu.appendChild(boton)
if(opchon.subOp > 0 ){
espan = document.createElement('span')
espan.style.position = 'absolute'
espan.style.right = 0
boton.style.backgroundImage = imaflecha
boton.style.backgroundPosition = 'center right'
boton.style.backgroundRepeat = 'no-repeat'
espan.className = 'espan'
boton.appendChild(espan)
subOps[subOps.length] = boton.id.replace(/o/,"O")
}
}
if(subOps.length >0){subMes()}
}
function subMes(){
lar = subOps.length
for(t=0;t<subOps.length;t++){
opc =eval(subOps[t])
for(v=0;v<opc.subOp;v++){
if(eval(subOps[t] + "_" + v + ".subOp") >0){
subOps[subOps.length] = subOps[t] + "_" + v
}
}
}
construyeSub()
}
function construyeSub(){
for(y=0; y<subOps.length;y++){
opchon = eval(subOps[y])
capa = document.createElement('ul')
capa.className = 'subMe'
capa.style.width = opchon.an + "px"
capa.style.visibility = 'hidden'
capa.style.position = 'absolute'
capa.style.marginLeft = 0
capa.style.paddingLeft = 0
document.getElementById(subOps[y].toLowerCase()).firstChild.nextSibling.appendChild (capa)
for(s=0;s < opchon.subOp; s++){
sopchon = eval(subOps[y] + "_" + s)
opc = document.createElement('li')
opc.style.marginLeft = 0
opc.style.paddingLeft = 0
opc.style.listStyleType = 'none'
opc.className = 'botones'
opc.id = subOps[y].toLowerCase() + "_" + s
if(sopchon.enl){
lin = document.createElement('a')
lin.className = 'enlacesmenu'
lin.href = sopchon.enl
if(sopchon.dest){
lin.target = sopchon.dest
}
opc.appendChild(lin)
lin.appendChild(document.createTextNode(sopchon.te x))
}
else{
opc.appendChild(document.createTextNode(sopchon.te x))
}
capa.appendChild(opc)
opc.style.cursor = manita
opc.onmouseover = function(){
mostrar(this)
}
opc.onmouseout=function(){
ocultar(this)
}
if(sopchon.subOp > 0 ){
espan = document.createElement('span')
espan.style.position = 'absolute'
espan.style.right = 0
opc.style.backgroundImage = imaflecha
opc.style.backgroundPosition = 'center right'
opc.style.backgroundRepeat = 'no-repeat'
espan.className = 'espan'
opc.appendChild(espan)
}
}
}
}
function mostrar(cual){
if(Opera || (document.styleSheets.length > 0 && !document.styleSheets[0].disabled)){
if(tunIex){cual.className = 'botonesHover'}
if(cual.childNodes.length > 1){
cual.firstChild.nextSibling.firstChild.style.visib ility = 'visible'
}
}
}
function ocultar(cual){
if(Opera || (document.styleSheets.length > 0 && !document.styleSheets[0].disabled)){
if(tunIex){cual.className = 'botones'}
if(cual.childNodes.length > 1){
cual.firstChild.nextSibling.firstChild.style.visib ility = 'hidden'
}
}
}
function enlace(cual){
enla = eval('O' + cual.substr(1)).enl
targ = eval('O' + cual.substr(1)).dest
if(targ && targ.toLowerCase() == '_blank'){
window.open(enla,'','')
}
else{
location.href = enla
}
}
onload = construye
</script>
<style type="text/css">
<!--
.botones {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background-color: #7a8dbf;
border: thin solid #7a8dbf;
margin: 1px;
padding: 1px;
text-align: center;
display: block;
}
.botones:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background-color: #bb7476;
border: thin solid #006699;
margin: 1px;
padding: 1px;
display: block;
text-decoration: none;
text-align: center;
}
.botonesHover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background-color: #bb7476 ;
border: thin solid #006699;
margin: 1px;
padding: 1px;
display: block;
text-decoration: none;
text-align: center;
}
a.enlacesmenu{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
text-align: center;
display: block;
}
a.enlacesmenu:hover{
text-decoration: none;
color: #993333;
}
.subMe{
border: 1px solid #993333;
background-color: #ffffff;
}
.espan{
width: 5px;
height: 3px;
}
.style4 { font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #012C5F;
font-size: 14px;
}
body {
margin-top: 0px;
margin-bottom: 0px;
}
-->
</style>
le movi lo q dice padding para q se hiciera mas chikito pues necesito ver en resolucion de 1024 (cosas de mi jefe) pero o por dios !! en explorer no me lo respeta ademas no kiero q salgan scroll
http://img404.imageshack.us/img404/710/explorerg.jpg
y miren q chulo me lo pone en opera
http://img404.imageshack.us/img404/5695/dibujovuh.jpg
asi chikito sin scroll
pero no entiendo es como si explorer hiciera caso omiso de "kiero las celdas del menu mas chikitas!!!"
por favor no me ignoren sinceramente no se q mas hacer
saludos!!
y mil gracias!!