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:18
 
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 */

  #2 (permalink)  
Antiguo 08/02/2011, 13:22
 
Fecha de Ingreso: febrero-2011
Mensajes: 7
Antigüedad: 6 años, 10 meses
Puntos: 0
Respuesta: No me muestra el menu desplegable funcionando en mozilla y crome y si en e

DISCULPEN ACLARO ALGO QUISE PONER QUE LO PUEDO VER EN EXPLORER BIEN Y EN MOZILA Y CROME NO LO PUEDO VER EL EXPLORER ES EL DE WINDOWS 7. gRACIAS
  #3 (permalink)  
Antiguo 09/02/2011, 12:46
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: No me muestra el menu desplegable funcionando en mozilla y crome y si en e

Deberías comprobar tu código en http://validator.w3.org
Si el código no es válido no se puede garantizar que se muestre correctamente.

Añado un enlace que mostrará el validador y los resultados en castellano: http://validator.w3.org/unicorn/

Última edición por sanxuan; 09/02/2011 a las 12:58
  #4 (permalink)  
Antiguo 09/02/2011, 22:38
 
Fecha de Ingreso: febrero-2011
Mensajes: 7
Antigüedad: 6 años, 10 meses
Puntos: 0
Respuesta: No me muestra el menu desplegable funcionando en mozilla y crome y si en e

Muchas gracias sanxuan , me sirvio mucho el sitio que me pasaste, gracias a eso pude solucionar el problema. La verdad que te agradesco mucho.

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 07:56.