Foros del Web » Creando para Internet » HTML »

menu problemas en navegadores actualizados

Estas en el tema de menu problemas en navegadores actualizados en el foro de HTML en Foros del Web. Hola, tengo en mi web un menu, que hasta el firefox 3.6 me iba perfecto, pero cuando se actualizó y ya despues en los demas ...
  #1 (permalink)  
Antiguo 12/06/2012, 13:13
 
Fecha de Ingreso: febrero-2008
Mensajes: 53
Antigüedad: 16 años, 1 mes
Puntos: 0
Pregunta menu problemas en navegadores actualizados

Hola, tengo en mi web un menu, que hasta el firefox 3.6 me iba perfecto, pero cuando se actualizó y ya despues en los demas navegadores como opera y chrome no se termina de desplegar.

La web es www.videoclubmadison.com

Os pongo el codigo del php y del css no se a que es debido el fallo.
Gracias de antemano, y un saludo.

Código PHP:
function menu() {

global 
$web;
$salida'
    <ul id="menu" class="menu">
    <li><a href="'
.$web.'">inicio</a></li>
    <li><a href="'
.$web.'">Películas</a>
    <ul>
    <li><a href="'
.$web.'novedades-estrenos/">Novedades</a>
    <ul>
    '
.utf8_encode('<li><a href="'.$web.'novedades-estrenos-en-dvd/">DVD</a></li>').utf8_encode('<li><a href="'.$web.'novedades-estrenos-en-bluray/">BluRay</a></li>').utf8_encode('<li><a href="'.$web.'novedades-estrenos-en-series-tv/">Series TV</a></li>').'
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="'
.$web.'">Generos</a>
                                        <ul>
                                        '
;
include(
'php/config.php');
    
$query='SELECT * FROM filmoteca1_generos';            
    
$result=mysql_query($query);
    while(
$registro mysql_fetch_array($result)) {    
        
$salida.=utf8_encode('<li><a href="'.$web.'peliculas/'.$registro['alias'].'/">'.$registro['genero'].'</a></li>');
    }                                    
            
$salida.='                    </ul>
                                   </li>
                            </ul>
                           </li>
                            <li>
                                <a href="'
.$web.'videojuegos/">Videojuegos</a>
                                <ul>
                                    <li>
                                        <a href="'
.$web.'calendario-videojuegos/">Proximos Lanzamientos</a>
                                    </li>
                                    <li>
                                        <a href="'
.$web.'novedades-videojuegos/">Novedades</a>
                                    </li>
                                    <li>
                                        <a href="'
.$web.'videojuegos/">Plataformas</a>
                                        <ul>
                                        '
;
    
$query='SELECT * FROM videojuegos1_generos WHERE invisible<>1';            
    
$result=mysql_query($query);
    while(
$registro mysql_fetch_array($result)) {    
        
$salida.=utf8_encode('<li><a href="'.$web.'videojuegos/'.$registro['alias'].'/">'.$registro['genero'].'</a></li>');
    }                                            
            
$salida.='</ul>
                                   </li>
                            </ul>
                           </li>
                           <li>
                                <a href="http://videoclubmadison.foroactivo.com">Foro</a>
                           </li> 
                           <li>
                                <a href="'
.$web.'calendario-novedades/">Calendario</a>
                           </li>  
                           <li>
                                <a href="http://videoclubmadison.com/blog">Noticias</a>
                           </li>  
                           <li>
                                <strong><a href="http://videoclubmadison.com/prestashop">Tienda on-line</a></strong>
                           </li>
                           <li>
                                <a href="'
.$web.'contacto/">Servicios</a>
                                <ul>
                                    <li>
                                        <a href="'
.$web.'contacto/">Reparacion Discos (DVD)</a>
                                        <ul><li><a href="'
.$web.'contacto/">3,00 € Und.</a></li>
                                            </ul>
                                    </li>
                                    <li>
                                        <a href="'
.$web.'contacto/">VHS, 8MM, Mini DV a DVD</a>
                                        <ul><li><a href="'
.$web.'contacto/">8,00 € cada Disco (max. 3 horas)</a></li>
                                            </ul>
                                    </li>
                                    <li>
                                        <a href="'
.$web.'contacto/">Se apartan articulos</a>
                                        <ul><li><a href="'
.$web.'contacto/">Facilidades de pago (Contacte para mas informacion)</a></li>
                                            </ul>
                                   </li>
                            </ul>
                           </li>
                           <li>
                                <a href="'
.$web.'contacto/">Contacto</a>
                           </li>  
                        </ul>
    '
;
    return 
$salida;
    
mysql_free_result($result2);
    
mysql_close($conectar);

y el css

Código HTML:
.menu
{
	/*[disabled]visibility:hidden;*/
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	bottom: 5px;
	max-width: 1022px;
	z-index: 1;
	right: 3px;
}
/*these are the inner menus*/
.menu UL
{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100px;
	z-index: 1;
}
.menu UL A
{
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 0px !important;
	margin: 0px;
	padding: 2px;
}
.menu UL A:hover
{
	background-color: #191919;
}
/*these are all the LIs in the menu , donde pone important es para el ajuste de las letras del menu*/
.menu LI
{
	margin: 0 0 0px;
	width: auto !important;
	background-color: #AE0002;
	cursor: pointer;
	text-align: right;
	z-index: 1;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.menu LI:hover
{
}
/*these are anchor in the menu, if you want to style them differently from the rest of you website*/
.menu A
{
	text-decoration: none;
	color: #FFFFFF;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -1px;
}
.menu A:hover
{
	text-decoration: none;
	color: #FFFFFF;
}
/*these are the LIs that only belong to submenu*/
.menu UL LI
{
	margin-left: -1px;
	width: 100px;
	z-index: 1;
}
.menu UL LI UL LI
{
	text-align: left;
	z-index: 1;
	text-align: right !important;
}
/*these are the LIs that contains a submenu*/
.menu LI.submenu
{
	/*[disabled]background-image:url(expand_down.gif);*/
	background-position: right center;
	background-repeat: no-repeat;
	width: 100px;
	padding-right: 20px;
	z-index: 1;
}
/*these are the LIs that contains a submenu and which are in a sub-menu themselve*/
.menu UL LI.submenu
{
	/*[disabled]background-image:url(expand_right.gif);*/
	background-position: center right;
	width: 85px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 5px;
	z-index: 1;
}
.menu LI.submenu LI
{
	z-index: 1;
}
  #2 (permalink)  
Antiguo 12/06/2012, 13:32
Colaborador
 
Fecha de Ingreso: mayo-2008
Ubicación: $MX['VZ']['Xalapa']
Mensajes: 3.005
Antigüedad: 15 años, 10 meses
Puntos: 528
Respuesta: menu problemas en navegadores actualizados

Yo tengo Iron (una versión de chrome) y se ve bien.
  #3 (permalink)  
Antiguo 12/06/2012, 13:38
 
Fecha de Ingreso: febrero-2008
Mensajes: 53
Antigüedad: 16 años, 1 mes
Puntos: 0
Respuesta: menu problemas en navegadores actualizados

Seguro¿? Si le das a peliculas -> Generos -> deberia de aparacer un listado no solo Accion.

Gracias por comprobrarlo ;-D
  #4 (permalink)  
Antiguo 12/06/2012, 18:06
 
Fecha de Ingreso: junio-2012
Ubicación: San Blas
Mensajes: 5
Antigüedad: 11 años, 9 meses
Puntos: 3
Respuesta: menu problemas en navegadores actualizados

Hola,
lo acabo de comprobar en chrome y sólo saca acción como dices...
pero en IE9 ni siquiera te muestra el menú, a no ser que le des a vista de
compatibilidad y entonces ni siquiera llega a desplegar y no es que quede con el resultado visual que queda en los demás...

Por qué no pruebas a cambiarlo por algo en jQuery?

Éste parece bastante sencillito
http://apycom.com/menus/1-dim-gray.html
  #5 (permalink)  
Antiguo 12/06/2012, 22:20
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: menu problemas en navegadores actualizados

Mi primer recomendación es que arregles tu html, para empezar, un <div> dentro del head?

Result: 158 errors / 0 warnings

line 6 column 20 - Error: document type does not allow element "div" here; assuming missing "object" start-tag
line 6 column 177 - Error: document type does not allow element "title" here
line 7 column 172 - Error: document type does not allow element "meta" here
line 8 column 264 - Error: document type does not allow element "meta" here
line 10 column 61 - Error: document type does not allow element "meta" here
line 11 column 68 - Error: document type does not allow element "meta" here
line 12 column 59 - Error: document type does not allow element "meta" here
line 13 column 47 - Error: document type does not allow element "meta" here
line 49 column 7 - Error: end tag for "object" omitted, but OMITTAG NO was specified
line 6 - Info: start tag was here
line 49 column 7 - Error: end tag for "head" which is not finished
line 49 column 101 - Error: document type does not allow element "script" here; assuming missing "body" start-tag
line 91 column 22 - Error: document type does not allow element "style" here
line 135 column 56 - Error: end tag for "br" omitted, but OMITTAG NO was specified
line 135 column 52 - Info: start tag was here
line 141 column 6 - Error: required attribute "type" not specified
line 141 column 6 - Error: document type does not allow element "style" here
line 152 column 5 - Error: document type does not allow element "body" here
line 156 column 150 - Error: required attribute "alt" not specified
line 157 column 158 - Error: required attribute "alt" not specified
line 158 column 163 - Error: required attribute "alt" not specified
line 282 column 19 - Error: ID "zona_game" already defined
line 280 column 31 - Info: ID "zona_game" first defined here
line 282 column 72 - Error: end tag for element "H3" which is not open
line 282 column 226 - Error: required attribute "alt" not specified
line 282 column 230 - Error: end tag for "img" omitted, but OMITTAG NO was specified
line 282 column 165 - Info: start tag was here
line 282 column 236 - Error: end tag for "h3" omitted, but OMITTAG NO was specified
line 282 column 48 - Info: start tag was here
line 285 column 45 - Error: end tag for element "H3" which is not open
line 285 column 51 - Error: end tag for "h3" omitted, but OMITTAG NO was specified


son tan solo una muestra
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #6 (permalink)  
Antiguo 19/06/2012, 11:19
 
Fecha de Ingreso: febrero-2008
Mensajes: 53
Antigüedad: 16 años, 1 mes
Puntos: 0
Respuesta: menu problemas en navegadores actualizados

Gracias xinak0 me sirvió la pag de jQuery que me digiste, echale un vistazo, solo me queda cambiarle el aspecto color y eso, lo hare con el mejor programa de css que conozco el Stylizer.

Un saludo y Gracias de nuevo a ti y a todos los que contestaron, y miraré esos errores que dice emprear.


Etiquetas: mysql, navegadores, registro, sql
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.