Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 10 de 10

Tema: problema menus desplegables

  1. #1
    Me va gustando esto... Habitante
    Fecha de Ingreso
    27 ago, 07
    Ubicación
    En algún lugar de La ...
    Mensajes
    45
    Poder de Reputación
    19

    problema menus desplegables

    Hola amigos, me estoy construyendo la pagina y estoy casi, casi.
    El unico problema ahora es como vizualizar los menus desplegables en IE,
    Se lo agradeceria muchissimo si me podeis echar una mano.
    os dejo el .CSS y un .html. Gracias a todos
    ------------------------------------------------------------------------------
    ya ta Yaheth
    contenido .html :

    <html>
    <head><title>A.B.P.</title>
    <link>
    </head>
    <body>
    <div>
    <div><h3>Bienvenidos Wellcome</h3></div>
    <div></div>
    <div>
    <ul>
    [*]<a>

    li 1</p></a>
    [*]<a>

    li 2</p></a>
    [*]<a>

    li 3</p></a>
    <ul>
    [*]<a>

    li A</p></a>
    <ul>
    [*]<a>

    li a</p></a>
    [*]<a>

    li b</p></a>
    [*]<a>

    li c</p></a>
    [*]<a>

    li d</p></a>
    [/list]
    [*]<a>

    li B</p></a>
    <ul>
    [*]<a>

    li a</p></a>
    [*]<a>

    li b</p></a>
    [*]<a>

    li c</p></a>
    [*]<a>

    li d</p></a>
    [/list]
    [*]<a>

    li C</p><a>
    <ul>
    [*]<a>

    li a</p></a>
    [*]<a>

    li b</p></a>
    [*]<a>

    li c</p></a>
    [*]<a>

    li d</p></a>
    [/list]
    [/list]

    [*]<a>

    li 4</p></a>
    <ul>
    [*]<a>

    I</p></a>
    [*]<a>

    II</p></a>
    [*]<a>

    III</p></a>
    [*]<a>

    IV</p></a>
    [*]<a>

    V</p></a>
    [/list]

    [*]<a>

    li 5</p></a>
    [*]<a>

    li 6</p></a>
    [*]<a>

    li 7</p></a>
    [/list]
    </div>
    <div>
    <div>Index</div>
    <div>
    <a>

    INFORMACION GENERAL SOBRE DESTACADO1</p>
    <img></a>
    <a>

    INFORMACION GENERAL SOBRE DESTACADO2</p>
    <img></a>
    <a>

    INFORMACION GENERAL SOBRE DESTACADO3</p>
    <img></a>
    <a>

    INFORMACION GENERAL SOBRE DESTACADO4</p>
    <img></a>
    </div>
    </div>
    <div></div>
    <div><h3>Bienvenidos Wellcome</h3></div>
    </div>
    </body>
    </html>
    -------------------------------------------------------
    contenido .css :

    body {text-align: center}
    * {margin:0,padding:0;border:0}
    #global {background: #F5F5F5;width:1000;margin: 2 auto;position: absolute}
    #cabecera {;background:red;width:800;margin:10 auto}
    #cabecera2 {;background: url(objetos/cabecera2.jpg);width:800;margin:10 auto;height:100}
    #navegacion {background: url(objetos/navegacion.jpg);width:800;height:61;margin:10 auto;padding-top:15}
    #contenido {;background: url(objetos/contenido.jpg);width:800;height:500;margin:10 auto;}
    #text {;ackground: url(objetos/fon.jpg);width:480;height:400;margin:30 15 20 15;float:left}
    #text img{margin:10;position:absoluite}
    #text p {width:120;eight:80;margin:10;text-align:left}
    #destacados {background: url(objetos/destacado.jpg);width:280;height:400;margin:30 10 0 510;position:absolute;}
    #destacados img{margin:15 20 0 145;}
    #destacados p{text-align:left;margin:15 150 0 10;position:absolute}
    #pie {background: url(objetos/pie.jpg);width:800;height:100;margin:10 auto}
    #pie2 {background:red;width:800;margin:10 auto}
    li {display:block;float:left;width:100;height:33;text-align:center;background-image:url(objetos/boton.jpg);order:1 solid white}
    li a:hover{color: red; text-decoration:none;}
    li:hover{;background: url(objetos/onboton.jpg)}
    li ul {position:absolute;display:none;left:202;top:233;}
    li ul ul{width:100}
    li:hover ul, li.over ul{display:block;}
    li.po ul{;position:absolute;display:none;}
    li.po li{width:100}
    li.po:hover ul{display:block}
    li.co ul{display:none;left:0;top:33}
    li.co:hover ul{display:block;}
    li.co:hover li{;background-image:url(objetos/boton.jpg)}
    li.mo ul{display:none;left:102;top:33}
    li.mo:hover ul{display:block}
    li.in ul{display:none;left:204;top:33}
    li.in:hover ul{display:block;font-size:1.1em}
    li a{color:black;text-decoration:none;font-size:0.9em}
    --------------------------------------------------------------------

  2. #2
    Moderador CCTW Habitante Avatar de Yaneth
    Fecha de Ingreso
    27 abr, 07
    Ubicación
    Mèxico
    Mensajes
    10,601
    Poder de Reputación
    73
    Hola

    Creo que olvidaste activar la casilla

    de abajo que dice:

    deshabilitar html en este mensaje

    saludos
    ______________________________________

    reparacion de rines


    _____________________________________

  3. #3
    Me va gustando esto... Habitante
    Fecha de Ingreso
    20 ago, 07
    Ubicación
    mexico
    Mensajes
    259
    Poder de Reputación
    20
    Hola, pues yo creo si te sirvio con lo que Yaneth te respondio, pero pues por si las dudas de ke no, pues aki publico un codigo para que lo tomes de ejemplo tu nada mas le cambies dependiendo tu contenido va?¡??
    bueno ojala y te sirvan pues al igual que tu yo apenas estoy aprendiendo bueno adios y aki estan los codigos:

    en HTML es:
    Código:
    <html>
    <head>
    <title>Grupo Cultural ARTEDREZ 260</title>
    <link rel="stylesheet" href="nenu.css" type="text/css" media="all">
    <script type="text/javascript"><![CDATA[//><!--
    startList = function() {
    	if (document.all&&document.getElementById) {
    		navRoot = document.getElementById("nav");
    		for (i=0; i<navRoot.childNodes.length; i++) {
    			node = navRoot.childNodes[i];
    			if (node.nodeName=="LI") {
    				node.onmouseover=function() {
    					this.className+=" over";
    				}
    				node.onmouseout=function() {
    					this.className=this.className.replace(" over", "");
    				}
    			}
    		}
    	}
    }
    window.onload=startList;
    
    //--><!]]></script>
    </head>
    <body> 
    <ul id="nav">[*]Principal
        <ul>
    		[*]considerandos
    		[*]actualidad
    		[*]inicios
    		[/list]
    		
    		
    		[*]Torneos
    		<ul>
    		[*]Tlaxcala
    		[*]Mexico
    		[*]del Mundo
    		[/list]
    		
    </body> 
    </html>
    y en la hoja de estilos (css) queda asi:

    Código:
    ul { /* all lists */ 
       padding: 0; 
       margin: 0; 
       list-style: none; 
    } 
    
    li { /* all list items */ 
       float: left; 
       position: relative; 
       width: 5em; 
    } 
    
    li ul { /* second-level lists */ 
       display: none; 
       position: absolute; 
       top: 1em; 
       left: 0; 
    } 
    
    li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */ 
       top: auto; 
       left: auto; 
    } 
    
    li:hover ul, li.over ul { /* lists nested under hovered list items */ 
       display: block; 
    } 
    
    #content { 
       clear: left; 
    }

    bueno ojala y te sean de utilidad y nos cuentes que tal te fue por si no sirvio pues intentar ayudarte de otro modo adios.
    Hace tiempo una mujer me indujo al alcohol, y desde esa vez no la he podido encontrar.......para darle las gracias XD.
    Ajedrez en Tlaxcala
    http://www.artedrez260.com
    http://www.puraslineas.com
    http://tlaxcalalibre.net

  4. #4
    Me va gustando esto... Habitante
    Fecha de Ingreso
    27 ago, 07
    Ubicación
    En algún lugar de La ...
    Mensajes
    45
    Poder de Reputación
    19
    gracias chicos, si quereis is mando los archivos en mp.

  5. #5
    Administrador CCTW Webmaster de CCTWHabitante
    Fecha de Ingreso
    10 ago, 05
    Ubicación
    Cartagena, España
    Mensajes
    3,700
    Poder de Reputación
    10
    Muy bueno Gian! Gracias!

  6. #6
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    22 sep, 07
    Ubicación
    Donosti - San Sebastian
    Mensajes
    498
    Poder de Reputación
    21
    esta genial la verdad! pero tengo una duda mas.. al abrirlo con el IE... el sistema de seguridad del xplorer.. me saca un mensaja diciendo a ver si kiero permitir ventanas emergentes kreo.. y es por lo del menu... hay alguna forma de decir al IE de que ese menu no es peligroso??

  7. #7
    Me va gustando esto... Habitante
    Fecha de Ingreso
    20 ago, 07
    Ubicación
    mexico
    Mensajes
    259
    Poder de Reputación
    20
    Uy, pues la verdad estoy igual que tu, pues te sale la ventana bloqueadora de "pop-ups" y si si sale por el java script que lleva ese menu, pero pues no se como eliminar ese molesto mensaje, pero lo unico que se me ha ocurrido hasta ahorita es que al inicio de la pagina decirle al usuario que permita los pop-ups para que la pagina realize todas las funciones correctas, es lo unico que se me ocurre, claro a lo mejor alguien si sabe como quitar esos mensajes, pues esperemos que nos dija como jajaja bueno adios, y esperemos respuestas.

    GianBros (Alias Luigi Pérez Calzada) Se busca Vivo o Muerto!!!!

    Recompensa la satisfacción de haberlo encontrado.....
    Hace tiempo una mujer me indujo al alcohol, y desde esa vez no la he podido encontrar.......para darle las gracias XD.
    Ajedrez en Tlaxcala
    http://www.artedrez260.com
    http://www.puraslineas.com
    http://tlaxcalalibre.net

  8. #8
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    25 jul, 07
    Ubicación
    Valencia, (Comunidad Valenciana, España)
    Mensajes
    484
    Poder de Reputación
    21
    Es verdad sale un bloqueador de contenido activo, como en todos los javascripts.

  9. #9
    Me va gustando esto... Habitante
    Fecha de Ingreso
    27 ago, 07
    Ubicación
    En algún lugar de La ...
    Mensajes
    45
    Poder de Reputación
    19
    Perdonad chicos, sabe alguien de donde me puedo bajar IE para mac.
    Es que hago la pagina en el mac y no la puedo ver si sale bien o no.
    He encontrado la descarga de softonic, pero no estoy en España ahora y....

  10. #10
    Administrador CCTW Webmaster de CCTWHabitante
    Fecha de Ingreso
    10 ago, 05
    Ubicación
    Cartagena, España
    Mensajes
    3,700
    Poder de Reputación
    10
    En cuanto a lo de darle permiso en el navegador, creo que solo ocurre cuando haceis vista previa, pero una vez subido al servido (creo) no ocurre, luego los visitantes no se encontraran con ese mensaje, les aparecerá el menú sin problemas ni avisos. O al menos eso cre. Lo podeis comprobar?

    Un saludo!

    (No se nada de mac, lo siento)

Temas Similares

  1. Problema con menus desplegables
    Por DrDanielito en el foro Curso Paso a Paso con Html-Kit.
    Respuestas: 4
    Último Mensaje: 05/09/2008, 21:24
  2. Problema con menus desplegables
    Por edop_25 en el foro Foro General
    Respuestas: 2
    Último Mensaje: 26/05/2008, 22:31

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •