Foros del Web » Creando para Internet » CSS »

No me muestra el menu desplegable funcionando en mozilla y crome y si en explorer

Estas en el tema de No me muestra el menu desplegable funcionando en mozilla y crome y si en explorer en el foro de CSS en Foros del Web. Hola gente buenos dias soy nuevo en esto, pero quizas alguien me puede dar una mano, tengo un sito armado en wordpress que me funciona ...
  #1 (permalink)  
Antiguo 08/02/2011, 13:16
 
Fecha de Ingreso: febrero-2011
Mensajes: 7
Antigüedad: 6 años, 10 meses
Puntos: 0
No me muestra el menu desplegable funcionando en mozilla y crome y si en explorer

Hola gente buenos dias soy nuevo en esto, pero quizas alguien me puede dar una mano, tengo un sito armado en wordpress que me funciona perfectamente, pero el problema es que el menu que arme lo hice a mano el codigo por que necesitaba que algunos botones no se direccionen a ningun lado que te esten pero que no hagan nada, por eso lo arme a mano. La cuestion es que en internet explorer me funciona perfectamente y en mozilla o crome no me funciona, queria ver si alguien me podia dar una mano y guiarme en que le puedo estar errando, la direccion del sitio es [URL="http://www.vanitoryshidroguer.com.ar"]http://www.vanitoryshidroguer.com.ar[/URL]

Aca les dejo los codigos del CSS y el del header.

HEADER

Cita:
<div class="art-nav">
<div class="l"></div>
<div class="r"></div>
<ul class="art-menu">
<li class="page_item page-item-20"><a href="http://www.vanitoryshidroguer.com.ar" title="Home"><span class="l"></span><span class="r"></span><span class="t">Home</span></a></li>
<li class="page_item page-item-8 current_page_ancestor"><a href="http://www.vanitoryshidroguer.com.ar/muebles-vanitorys/" onmouseover="this.style.cursor='default';" " onclick="return false;" class="plp_disabled" style="cursor:default;"><span class="l"></span><span class="r"></span><span class="t">Muebles Vanitorys</span></a>
<ul class="children">
<li class="page_item page-item-11 current_page_ancestor"><a href="http://www.vanitoryshidroguer.com.ar/vanitorys/" onmouseover="this.style.cursor='default';" " onclick="return false;" class="plp_disabled" style="cursor:default;">Vanitorys</a></li>
<ul class="children">
<li class="page_item page-item-11" current_page_ancestor><a href="http://www.vanitoryshidroguer.com.ar/tolva/" title="Tolva">Tolva</a></li>
<li class="page_item page-item-11"><a href="http://www.vanitoryshidroguer.com.ar/linea-clasica/" title="Linea Clasica">Linea Clasica</a></li>
<li class="page_item page-item-11"><a href="http://www.vanitoryshidroguer.com.ar/maral/" title="Maral">Maral</a></li>
<li class="page_item page-item-11"><a href="http://www.vanitoryshidroguer.com.ar/avignon/" title="Avig&ntilde;on">Avig&ntildeon</a></li>
<li class="page_item page-item-11"><a href="http://www.vanitoryshidroguer.com.ar/beneton/" title="Beneton">Beneton</a></li>
<li class="page_item page-item-11"><a href="http://www.vanitoryshidroguer.com.ar/venecia/" title="Venecia">Venecia</a></li>
</ul>
</li>
<li class="page_item page-item-11"><a href="http://www.vanitoryshidroguer.com.ar/espejos" title="Espejos">Espejos</a></li>
</ul>
<li class="page_item page-item-20"><a href="http://www.vanitoryshidroguer.com.ar/contactenos" title="Contactenos"><span class="l"></span><span class="r"></span><span class="t">Contactenos</span></a></li>
</ul>

</div>

CODIGO CSS

Cita:
/*

/* begin Menu */
/* menu structure */

.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
{
text-align: left;
text-decoration: none;
outline: none;
letter-spacing: normal;
word-spacing: normal;
}

.art-menu, .art-menu ul
{
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
display: block;
}

.art-menu li
{
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
z-index: 5;
background: none;
}

.art-menu li:hover
{
z-index: 10000;
white-space: normal;
}

.art-menu li li
{
float: none;
}

.art-menu ul
{
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
background: none;
}

.art-menu li:hover>ul
{
visibility: visible;
top: 100%;
}

.art-menu li li:hover>ul
{
top: 0;
left: 100%;
}

.art-menu:after, .art-menu ul:after
{
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
.art-menu, .art-menu ul
{
min-height: 0;
}

.art-menu ul
{
background-image: url(images/spacer.gif);
padding: 10px 30px 30px 30px;
margin: -10px 0 0 -30px;
}

.art-menu ul ul
{
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}




/* menu structure */

.art-menu
{
padding: 0 0 0 0;
}

.art-nav
{
position: relative;
height: 25px;
z-index: 100;
}

.art-nav .l, .art-nav .r
{
position: absolute;
z-index: -1;
top: 0;
height: 25px;
background-image: url('images/nav.png');
}

.art-nav .l
{
left: 0;
right: 0;
}

.art-nav .r
{
right: 0;
width: 890px;
clip: rect(auto, auto, auto, 890px);
}


/* end Menu */

/* begin MenuItem */
.art-menu a
{
position: relative;
display: block;
overflow: hidden;
height: 25px;
cursor: pointer;
text-decoration: none;
}

.art-menu li
{
margin-right: 0;
margin-left: 0;
}

.art-menu ul li
{
margin:0;
clear: both;
}


.art-menu a .r, .art-menu a .l
{
position: absolute;
display: block;
top: 0;
z-index: -1;
height: 75px;
background-image: url('images/menuitem.png');
}

.art-menu a .l
{
left: 0;
right: 0;
}

.art-menu a .r
{
width: 400px;
right: 0;
clip: rect(auto, auto, auto, 400px);
}

.art-menu a .t
{
margin-right: 10px;
margin-left: 10px;
color: #FFFFFF;
padding: 0 22px;
margin: 0 0;
line-height: 25px;
text-align: center;
}

.art-menu a:hover .l, .art-menu a:hover .r
{
top: -25px;
}

.art-menu li:hover>a .l, .art-menu li:hover>a .r
{
top: -25px;
}

.art-menu li:hover a .l, .art-menu li:hover a .r
{
top: -25px;
}
.art-menu a:hover .t
{
color: #FFFFFF;
}

.art-menu li:hover a .t
{
color: #FFFFFF;
}

.art-menu li:hover>a .t
{
color: #FFFFFF;
}

/* end MenuItem */

/* begin MenuSeparator */
.art-nav .art-menu-separator
{
display: block;
width: 1px;
height: 25px;
background-image: url('images/menuseparator.png');
}
/* end MenuSeparator */

/* begin MenuSubItem */
.art-menu ul a
{
display: block;
text-align: center;
white-space: nowrap;
height: 26px;
width: 180px;
overflow: hidden;
line-height: 26px;
background-image: url('images/subitem.png');
background-position: left top;
background-repeat: repeat-x;
border-width: 0;
border-style: solid;
}

.art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
display: inline;
float: none;
margin: inherit;
padding: inherit;
background-image: none;
text-align: inherit;
text-decoration: inherit;
}

.art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
text-align: left;
text-indent: 12px;
text-decoration: none;
line-height: 26px;
color: #FFFFFF;
margin-right: 10px;
margin-left: 10px;
margin:0;
padding:0;
}

.art-menu ul li a:hover
{
color: #FFFFFF;
background-position: 0 -26px;
}

.art-menu ul li:hover>a
{
color: #FFFFFF;
background-position: 0 -26px;
}

.art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span
{
color: #FFFFFF;
}

.art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span
{
color: #FFFFFF;
}


/* end MenuSubItem */


Etiquetas: desplegables, explorer, internet, menus, mozilla, wordpress
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 17:01.