Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje18-04-2009, 00:04 (UTC)    
Título del mensaje: problema con los menus

siguiendo tutoriales cree un menu con css design y lo tengo ya en mi web... pero resulta que no se ve en internet explorer en ninguno! y muchos usuarios lo usan!

a si que necesito algun code o algo para arreglar el menu para que sea visible en todos los navegadores.... www.cryf.es.tl el menu es desplegable si alguno que lee esto tiene internet explorer miren si mi menu horizontal sea desplegable.
o en lo posible un codigo nuevo css de menu desplegable y que si algo me lo manden directamente en esta seccion del foro

salu2!
Mensaje18-04-2009, 00:23 (UTC)    
Título del mensaje:

Es cierto, verifique con Mozilla Firefox e Internet Explorer, y con IE no se Despliega el Menu.

Puedes dejar ese menu y avisar que solo funciona con Firefox o crear un nuevo menu desplegable mas avanzado que funciona con todos los navegadores:
http://www.paginawebgratis.es/forum/viewtopic.php?t=2517&highlight=menu+desplegable

Salu2!
Mensaje18-04-2009, 03:08 (UTC)    
Título del mensaje: oye

hey ya edite mi menu con el link que me diste pero.... me gustaria saber como ponerlo en mi web, aqui te dejo el codigo porfavor necesito una respuesta rapida! mira el code del menu:



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Probando Menu Horizontal Desplegable</title>

<style type="text/css">
body {
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
#marco {
width:455px;
margin:10px 0;
padding:0px;
text-align:left;
}

/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */
.preload2 {background: url(http://www.luisangelcamargo.com/wp-content/uploads/2007/12/button4a.gif);}
.menu2 {padding:0; margin:0; margin-bottom:0; list-style:none; height:25px; background:#fff url(http://www.luisangelcamargo.com/wp-content/uploads/2007/12/fd_menu.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:25px; margin-left:6px; line-height:25px; color:#333; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 6px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 10px 0 6px; height:40px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 10px 0 6px; height:25px;/*background:url(prodrop2/down.gif) no-repeat right top;*/}
.menu2 li a.top_link:hover {color:#fff; background:url(http://www.luisangelcamargo.com/wp-content/uploads/2007/12/button4a.gif);}
.menu2 li a.top_link:hover span { background:url(http://www.luisangelcamargo.com/wp-content/uploads/2007/12/button4a.gif)}
.menu2 li a.top_link:hover span.down { background:url(http://www.luisangelcamargo.com/wp-content/uploads/2007/12/button4a.gif)}

.menu2 li:hover > a.top_link {color:#fff; background:url(http://www.luisangelcamargo.com/wp-content/uploads/2007/12/button4a.gif);}
.menu2 li:hover > a.top_link span {background:url(http://www.luisangelcamargo.com/wp-content/uploads/2007/12/button4a.gif);}
.menu2 li:hover > a.top_link span.down {background:url(http://www.luisangelcamargo.com/wp-content/uploads/2007/12/button4a.gif);}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul,
.menu2 :hover ul ul,
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:6px; top:25px; background: #fff; padding:0; /*border:1px solid #1E8BB5; white-space:nowrap;*/ width:auto; height:auto; font-weight:normal;}
.menu2 :hover ul.sub li {display:block; /*height:20px; */position:relative; float:left; width:160px; border-bottom:1px solid #005FB9; border-left:1px solid #005FB9; border-right:1px solid #005FB9; margin-bottom:0;}
.menu2 :hover ul.sub li a {display:block; height:auto; font-size:11px; padding:4px 3px; line-height:1; color:#005FB9; text-decoration:none;}
.menu2 :hover ul.sub li a.fly {background:#fff url(http://www.luisangelcamargo.com/wp-content/uploads/2007/12/vineta_menu.gif) no-repeat 150px 6px;}
.menu2 :hover ul.sub li a:hover {background:#000000; color:#ffffff;}
.menu2 :hover ul.sub li a.fly:hover {background:#000000 url(http://www.luisangelcamargo.com/wp-content/uploads/2007/12/vineta_menu.gif) no-repeat 150px 6px;}
.menu2 :hover ul li:hover > a.fly {background:#E5FAFC}

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:160px; top:-1px; background: #fff; padding:0; /* white-space:nowrap; */width:auto; z-index:300; height:auto;}
.menu2 :hover ul.sub li ul {border-top:1px solid #005FB9; background: #fff; z-index:300;}
</style>
</head>
<body>
<div id="marco">
<span class="preload2"></span>
<!--MENU-->
<ul class="menu2"><img src="http://www.luisangelcamargo.com/wp-content/uploads/2007/12/menu_izq.gif" align="left" /><img src="http://www.luisangelcamargo.com/wp-content/uploads/2007/12/menu_der.gif" align="right"/>


<li class="top"><a href="#" id="Menu3" class="top_link"><span class="down">ENTERTAINMENT</span>

<!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub">

<li><a href="http://www.cryf.es.tl/%3DCRYF-GaMeS.htm">CRYF games</a></li>
<li><a href="http://www.cryf.es.tl/world-cryf-chat.htm">CRYF chatrooms</a></li>
<li><a href="http://www.cryf.es.tl/galery/index.htm">CRYF galery</a></li>

<li class="mid"><a href="" class="fly">CRYF videos
<!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>

<li><a href="http://www.cryf.es.tl/entertainment.htm">entertainment videos</a></li>
<li><a href="http://www.cryf.es.tl/commedy.htm">comedy videos</a></li>

</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<li class="mid"><a href="#" class="fly">download our toolbar
<!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="http://www.cryf.es.tl/CRYF-TOOLBAR.htm">cryf toolbar</a></li>
<li><a href="http://cryf.es.tl/barra-herramientas-cryf-en-espa%F1ol.htm">barra de herramientas cryf</a></li>

</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="top"><a href="" id="Menu1" class="top_link"><span class="down">COMMUNITY</span>

<!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub">
<li><a href="http://www.cryf.es.tl/forum/index.htm">CRYF forum</a></li>
<li><a href="http://www.cryf.es.tl/CRYF-democratic-ar-.htm">CRYF polls</a></li>
<li><a href="http://www.cryf.es.tl/Contact.htm">CRYF contact</a></li>

<li><a href="http://www.cryf.es.tl/google-maps.htm">CRYF maps</a></li>
<li><a href="http://www.cryf.es.tl/CRYF-FRIEND-WEBPAGES.htm">CRYF friend webs</a></li>

</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<li class="top"><a href="" id="Menu2" class="top_link"><span class="down">JOIN CRYF!</span>

<!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub">
<li><a href="http://cryf.es.tl/REGISTRATION-ar-.htm">free cryf registration</a></li>
<li><a href="http://cryf.es.tl/log-in.htm">log in</a></li
<!--[if lte IE 6]><table><tr><td><![endif]-->

<ul>
<li><a href="#">Link 3.3.1</a></li>
<li><a href="#">Link 3.3.2</a></li>
<li><a href="#">Link 3.3.3</a></li>

</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>

<li class="top"><a href="http://www.cryf.es.tl" id="Menu2" class="top_link"><span class="down">GO CRYF HOME!</span>

<!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->

<ul class="sub">
<!--[if lte IE 6]><table><tr><td><![endif]-->

<!-- FIN MENU-->
</div>
</body>
</html>
Mensaje18-04-2009, 16:55 (UTC)    
Título del mensaje:

alguna solucion? urgente!!!!!!!!!!!!!!!!!


Aviso del Moderador "Alfasite":
[Por favor no hacer doble Post. Para añadir información a sus mensajes utilice la función ubicada en la esquina superior derecha de sus mensajes]
Desde ya gracias por su comprensión y colaboracion!


Ultima edición por cryf el Sab Abr 18, 2009 12:59 pm; editado 1 vez
Mensaje18-04-2009, 17:04 (UTC)    
Título del mensaje:

puede colocarlo con este codigo dependiendo donde desee que
aparezca.

Código:
<div style="position:absolute;left:6px;top:1300px;">
CODIGO DEL MENU AQUI
</div>


ahora coloca el codigo en texto por debajo de la pagina y vaya ajustando
los valores 6 y 1300 dependiendo de la posicion que busque.

si no quiere complicarse tanto con ese metodo coloque sin mas el code de
su menu en texto por encima de la pagina y listo.

saludos
Mensaje18-04-2009, 17:11 (UTC)    
Título del mensaje: alfasite

alfasite tu no me entendiste lo quiero instalar en mi web no moverlo alrrededor de mi web! jajajajaja
es que al instalarlo no se despliega entonces solisito ayuda urgente

saludos
Mensaje18-04-2009, 17:15 (UTC)    
Título del mensaje:

yo lo he instalado en mi pagina para probarlo y el menu se despliega
uso internet explorer y a mi me va bien el menu.

saludos
Mensaje18-04-2009, 17:25 (UTC)    
Título del mensaje: pero con mozilla

yo uso mozilla verificare con internet explorer
Mensaje18-04-2009, 17:34 (UTC)    
Título del mensaje: con ie7 no se me despliega ningun menu disponible

con ie7 no se me despliega ningun menu disponible y nisiquiera con ie7 se ve la pagina web se ve solo el fondo!

q hago!

Aviso del Moderador "Alfasite":
[Por favor no hacer doble Post. Para añadir información a sus mensajes utilice la función ubicada en la esquina superior derecha de sus mensajes]
Desde ya gracias por su comprensión y colaboracion!


Ultima edición por cryf el Sab Abr 18, 2009 1:40 pm; editado 1 vez
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group