Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje06-03-2009, 20:35 (UTC)    
Título del mensaje: Menu desplegable

Hola, quiero saber porque mi menu horizontal desplegable solo se ve bien en mi pc, pero en otras pc's el menu se alarga por mucho y la seccion ayudawebmaster no aparece, mi codigo es este:

Texto por encima de la pagina escribió:
<style>
body
{background-image:url(http://img6.imageshack.us/img6/6753/desing16.png);font-s

ize:00px;}
</style>


Texto por debajo de la pagina escribió:
<style type="text/css">
body {font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0;}
#marco { width:515px; margin:10px 0; padding:0px; text-align: left;}

.preload2 {background: url(http://img156.imageshack.us/img156/4237/fondomenumhover2.png);}
.menu2 {padding:0; margin:0; margin-bottom:0; list-style:none; height:30px; background:#fff url(http://img21.imageshack.us/img21/3931/fondomenu.png) 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:30px; margin-left:6px; line-height:30px; color:#FFFFFF; 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 10px0 6px; height:30px;/*background:url(prodrop2/down.gif) no-repeat right top;*/}
.menu2 li a.top_link:hover {color:#fff; background:url(http://img156.imageshack.us/img156/4237/fondomenumhover2.png);}
.menu2 li a.top_link:hover span { background:url(http://img156.imageshack.us/img156/4237/fondomenumhover2.png)}
.menu2 li a.top_link:hover span.down { background:url(http://img156.imageshack.us/img156/4237/fondomenumhover2.png)}
.menu2 li:hover > a.top_link {color:#000000; background:url(http://img156.imageshack.us/img156/4237/fondomenumhover2.png);}
.menu2 li:hover > a.top_link span {background:url(http://img156.imageshack.us/img156/4237/fondomenumhover2.png);}
.menu2 li:hover > a.top_link span.down {background:url(http://img156.imageshack.us/img156/4237/fondomenumhover2.png);}
.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

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

.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:30px; background: #000000; 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 #000000 inf ; border-left:1px solid #000000; border-right:1px solid #000000; margin-bottom:0;}
.menu2 :hover ul.sub li a {display:block; height:auto; font-size:11px; padding:4px 3px; line-height:1; color:#FFFFFF; text-decoration:none;}
.menu2 :hover ul.sub li a.fly {background:#000000 url(http://img140.imageshack.us/img140/6372/vietablanca.gif) no-repeat 150px 6px;}
.menu2 :hover ul.sub li a:hover {background:#a2a2a2; color:#FFFFFF;}
.menu2 :hover ul.sub li a.fly:hover {background:#a2a2a2 url(http://img140.imageshack.us/img140/6372/vietablanca.gif) no-repeat 150px 6px;}
.menu2 :hover ul li:hover > a.fly {background:#000000}

.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 #000000; background: #000000; z-index:300;}
</style>



Advertencia referente al campo de contenido (p.ej. Copyright) escribió:
<div style="position:absolute;left:400px;top:97px;">
<!--MENU-->
<ul class="menu2"><img src="http://img141.imageshack.us/img141/8273/fondomenuiz.png"

align="left" /><img src="http://img141.imageshack.us/img141/4839/fondomenuder.png"

align="right"/>

<li class="top"><a href="#" id="Principal" class="top_link"><span

class="down">Principal</span>
<!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE

6]><table><tr><td><![endif]-->
<ul class="sub">
<li><a href="http://lawebperfecta.es.tl/%3Ccenter%3EHome.htm">Home</a></li>
<li><a href="http://lawebperfecta.es.tl/%3Ccenter%3EComo-votar-por-mi-web.htm">Como

votar</a></li>
<li><a href="http://lawebperfecta.es.tl/Contactar.htm">Contacto</a></li>
<li><a href="http://lawebperfecta.es.tl/%3Ccenter%3E-libro-de-visitantes.htm">Libro de

visitas</a></li>
<li><a href="http://lawebperfecta.es.tl/%3Ccenter%3EForo.htm">Foro</a></li>
<li><a href="http://lawebperfecta.es.tl/Afiliate-a-mi-pag.htm">Afiliate</a></li>
<li><a href="http://lawebperfecta.es.tl/%3Ccenter%3EAfiliados.htm">Afiliados</a></li>
<li><a href="http://lawebperfecta.es.tl/Barra-de-herramientas-en-Firefox.htm">Barra de herramientas: Firefox</a></li>
<li><a href="http://lawebperfecta.es.tl/Sugerencias-o-problemas-con-la-pagina.htm">Sugerencias o problemas con la pag</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<li class="top"><a href="#" id="Entretente" class="top_link"><span

class="down">Entretente</span>
<!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE

6]><table><tr><td><![endif]-->
<ul class="sub">
<li><a href="msnim:add?contact=wwe_reymis@hotmail.com">Agregame a tu msn</a></li>
<li class="mid"><a href="http://lawebperfecta.es.tl/%3Ccenter%3EJuegos.htm"

class="fly">Juegos
<!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE

6]><table><tr><td><![endif]-->
<ul>
<li><a href="http://lawebperfecta.es.tl/metal-slug.htm">Metal Slug</a></li>
<li><a href="http://lawebperfecta.es.tl/mario.htm">Mario</a></li>
<li><a href="http://lawebperfecta.es.tl/penalti-fever.htm">Penalti Fever</a></li>
<li><a href="http://lawebperfecta.es.tl/ping-pong-3d.htm">Ping Pong 3d</a></li>
<li><a href="http://lawebperfecta.es.tl/billar.htm">Billar</a></li>
<li><a href="http://lawebperfecta.es.tl/Bustamove%2C-bubble-bobble.htm">Bustame, bubble

bobble</a></li>
<li><a href="http://lawebperfecta.es.tl/bumberball.htm">Bumberball</a></li>
<li><a href="http://lawebperfecta.es.tl/sonic-box.htm">Sonic Box</a></li>
<li><a href="http://lawebperfecta.es.tl/arcane.htm">Arcane</a></li>
<li><a href="http://lawebperfecta.es.tl/nobutuki-forces.htm">Nobutuki FOrces</a></li>
<li><a href="http://lawebperfecta.es.tl/start-drive.htm">Start Drive</a></li>
<li><a href="http://lawebperfecta.es.tl/<center>juegos.htm">Ver todos...</a></li>
</ul>
</li>
<li><a

href="http://lawebperfecta.es.tl/%3Ccenter%3EPideme-tus-juegos-aqui-ar--ar--ar-.htm">Pi

de tus juegos</a></li>
<li><a href="http://lawebperfecta.es.tl/%3Ccenter%3ETV-en-vivo-PSN.htm">TV en vivo

PSN</a></li>
<li><a href="http://lawebperfecta.es.tl/%3Ccenter%3EEl-chiste-del-dia--d-D.htm">El

chiste del Día xD</a></li>
<li><a

href="http://lawebperfecta.es.tl/%3Ccenter%3EComo-usar-la-radio-de-la-derecha.htm">Apre

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

<li class="top"><a href="#" id="Recursos Webmaster" class="top_link"><span

class="down">Recursos Webmaster</span>
<!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE

6]><table><tr><td><![endif]-->
<ul class="sub">
<li><a

href="http://lawebperfecta.es.tl/%3Ccenter%3EInserta-radio-en-tu-web.htm">Inserta radio

en tu web</a></li>
<li><a href="http://lawebperfecta.es.tl/%3Ccenter%3EMenu-en-box.htm">Menu en

box</a></li>
<li><a href="http://lawebperfecta.es.tl/%3Ccenter%3EIceblue-sin-box.htm">Iceblue sin

box</a></li>
<li><a

href="http://lawebperfecta.es.tl/%3CCENTER%3Etexto-en-Marquesina.htm">Marquesina</a></l

i>
<li><a href="http://lawebperfecta.es.tl/%3Ccenter%3ECursores.htm">Cursores</a></li>
<li><a

href="http://lawebperfecta.es.tl/%3Ccenter%3ECodigo-d--quitar-boton-de-la-intro.htm">Qu

itar boton intro</a></li>
<li><a href="http://plantillaslawebperfecta.es.tl/">Plantillas web</a></li>
<li><a

href="http://lawebperfecta.es.tl/%3Ccenter%3EComo-aparecer-en-los-buscadores.htm/">Apar

ece en buscadores</a></li>
<li><a href="http://lawebperfecta.es.tl/%3Ccenter%3EMejores-Recursos.htm">Mejores

Recursos</a></li>
<li><a href="http://lawebperfecta.es.tl/%3Ccenter%3EGadgets-de-iGoogle.htm">Gadgets

iGoogle</a></li>
<li><a href="http://lawebperfecta.es.tl/%3Ccenter%3ECodigos-de-texto.htm">Codes de

texto</a></li>
<li><a href="http://lawebperfecta.es.tl/%3Ccenter%3ERelojes.htm">Relojes para tu

web</a></li>
<li><a

href="http://lawebperfecta.es.tl/%3Ccenter%3EMas-box--k1-solo-dise%F1o-iceblue-k2-.htm"

>Mas box iceblue</a></li>
<li class="mid"><a href="#" class="fly">Foros de soporte
<!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE

6]><table><tr><td><![endif]-->
<ul>
<li><a href="http://soporte-pwg.foroactivo.com">Soporte pwg</a></li>
<li><a href="http://hipermegaredes.com/foro">Hiper mega redes</a></li>
</ul>
</li>

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


<!-- FIN MENU-->
</div>


CSS-Code
sin Style Tags: escribió:
#content {
position: absolute;
left: 37%;
top: 154px;
margin-left:-283px;
width: 800px;
height: 318px;
padding:10px;
color: #transparent;
font-size:11px;
font-family:tahoma;
background-color:#transparent;
background-image:url();
border: 0px solid #FFFFFF;
overflow:auto;}

<style type="text/css">
body {
background-repeat: no-repeat;
}
</style>

lli.nav_element{display: none;}
li.nav_element a{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}


Espero me ayuden!

Saludos!
______________

Mensaje06-03-2009, 20:43 (UTC)    
Título del mensaje:

Yo creo que lo veo bien,pero también veo uno horizontal
Arriba,si observas se sobresale este código:
Código:
lli.nav_element{display: none;} li.nav_element a{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} //--> 


Pero no observo nada mas
Mensaje06-03-2009, 20:51 (UTC)    
Título del mensaje:

Eso se ve solo en firefox( el codigo que sobresale) en internet explorer el codigo desaparece, pero en ie tambien el menu se ve alargado, se deveria ver asi:



Saludos!
______________

Mensaje06-03-2009, 20:55 (UTC)    
Título del mensaje:

Así no es como se ve.
En firefox, tu plantilla se ve multiplicada x 4.
Además de que tiene la plantilla unas letras que no permite ver bien comentarios o noticias...
Mi consejo: Haz una nueva plantilla y remodela tu web.
Mensaje06-03-2009, 20:56 (UTC)    
Título del mensaje:

Hola,


En que equipos no lo ve bien?

Mire, yo tengo IE7 1600 de resolución y lo veo muy a la derecha, tal vez donde no lo vio bien es es una pc con resolución mayor o menor, esto sucede con el code:

Cita:
<div style="position:absolute;left:400px;top:97px;">


Cuando una resolución es distinta sucede eso,

Trate de colocarlo sin ese code y alinearlo con

Código:
<center></center> o <left></left>


Saludos,

El equipo de Luupa[/code]
______________
Mensaje07-03-2009, 18:39 (UTC)    
Título del mensaje:

Entonces hare una iceblue son menu ni box y menu desplegable, pero donde esta el tuto para ice blue sin box y menu horizontal desplegable?

Saludos!
______________

Mensaje07-03-2009, 18:44 (UTC)    
Título del mensaje:

Mensaje07-03-2009, 18:54 (UTC)    
Título del mensaje:

Gracias tokarg es el que buscaba, por favor no cierres el tema por si tengo otra duda
______________

Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group