Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje15-08-2008, 02:01 (UTC)    
Título del mensaje: [RESUELTO]ayuda con menu horizontal!!

hola el motivo de este tema es por un menu horizontal ...
lo que pasa es que en la seccion de tutoriales vi el que habia puesto diegovenegas.es.tl y me intereso ponerlo en mi web y despues de haber lo puesto con los codigos y todo me quedo de esta forma



este es el codigo que puse en texto por debajo de la pagina

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

.preload2 {background: url(http://img209.imageshack.us/img209/1703/menuhorizontallo5.jpg);}
.menu2 {padding:0; margin:0; margin-bottom:0; list-style:none; height:25px; background:#fff url(http://img209.imageshack.us/img209/1703/menuhorizontallo5.jpg) 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:#000000; 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:25px;/*background:url(prodrop2/down.gif) no-repeat right top;*/}
.menu2 li a.top_link:hover {color:#fff; background:url(http://img209.imageshack.us/img209/1703/menuhorizontallo5.jpg);}
.menu2 li a.top_link:hover span { background:url(http://img209.imageshack.us/img209/1703/menuhorizontallo5.jpg)}
.menu2 li a.top_link:hover span.down { background:url(http://img209.imageshack.us/img209/1703/menuhorizontallo5.jpg)}
.menu2 li:hover > a.top_link {color:#000000; background:url(http://img209.imageshack.us/img209/1703/menuhorizontallo5.jpg);}
.menu2 li:hover > a.top_link span {background:url(http://img209.imageshack.us/img209/1703/menuhorizontallo5.jpg);}
.menu2 li:hover > a.top_link span.down {background:url(http://img209.imageshack.us/img209/1703/menuhorizontallo5.jpg);}
.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:25px; background: #A81919; 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 izq; border-right:1px solid #000000 der; margin-bottom:0;}
.menu2 :hover ul.sub li a {display:block; height:auto; font-size:11px; padding:4px 3px; line-height:1; color:#000000; text-decoration:none;}
.menu2 :hover ul.sub li a.fly {background:#aA81919url(http://img141.imageshack.us/img141/1204/vietafg1.jpg) no-repeat 150px 6px;}
.menu2 :hover ul.sub li a:hover {background:#A81919; color:#000000;}
.menu2 :hover ul.sub li a.fly:hover {background:#A81919 url(http://img141.imageshack.us/img141/1204/vietafg1.jpg) no-repeat 150px 6px;}
.menu2 :hover ul li:hover > a.fly {background:#A81919}

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



y este el que puse en un box


Código:
<div style="position:absolute;left:40px;top:0px;">
<div id="marco">
<span class="preload2"></span>
<!--MENU-->
<ul class="menu2"><img src="http://img209.imageshack.us/img209/1703/menuhorizontallo5.jpg" align="left" /><img src="http://img209.imageshack.us/img209/1703/menuhorizontallo5.jpg" align="right"/>

<li class="top"><a href="#" id="Menu1" class="top_link"><span class="down">General</span>
<!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub">
<li><a href="http://zhinnombreespecial.es.tl/Pagina-Principal.htm">Home</a></li>
<li><a href="http://zhinnombreespecial.es.tl/Libro-de-visitantes.htm">Libro de visitantes</a></li>
<li><a href="http://zhinnombreespecial.es.tl/Contador-de-visitas.htm">Contador de visitas</a></li>
<li><a href="http://zhinnombreespecial.es.tl/Contacto.htm">Contacto</a></li>
<li><a href="http://zhinnombreespecial.es.tl/Noticias.htm">Noticias</a></li>
<li><a href="http://zhinnombreespecial.es.tl/Promociona-tu-web-aqui.htm">Tu Link aqui</a></li>
<li><a href="http://zhinnombreespecial.es.tl/Encuesta.htm">Encuestas</a></li>
<li><a href="http://zhinnombreespecial.es.tl/Relojes-flash.htm">Relojes Flash</a></li>
<li class="mid"><a href="http://zhinnombreespecial.es.tl/temas-para-tu-celular.htm" class="fly">Temas para tu cel
<!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="http://zhinnombreespecial.es.tl/temas-para-tu-celular/Sony-Ericsson.htm">Sony Ericsson</a></li>
<li><a href="http://zhinnombreespecial.es.tl/temas-para-tu-celular./nokia.htm">Nokia</a></li>
<li><a href="http://zhinnombreespecial.es.tl/temas-para-tu-celular./motorola.htm">Motorola</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">Entretenimiento</span>
<!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub">
<li><a href="http://zhinnombreespecial.es.tl/Juegos.htm">Juegos</a></li>
<li><a href="http://zhinnombreespecial.es.tl/Chat.htm">Chat On-Line</a></li>
<li><a href="http://zhinnombreespecial.es.tl/Dise%F1os-Ice-Blue.htm">Diseños Ice Blue</a></li>
<li><a href="#">Virus (no entre)</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<li class="top"><a href="#" id="Menu3" class="top_link"><span class="down">Beijin 2008</span>
<!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub">
<li><a href="http://zhinnombreespecial.es.tl/Medallero.htm">Medallero</a></li>
<li><a href="http://zhinnombreespecial.es.tl/Calendario.htm">Calendario</a></li>
<!--[if lte IE 6]><table><tr><td><![endif]-->
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<li class="top"><a href="#" id="Menu4" class="top_link"><span class="down">Videos</span>
<!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub">
<li><a href="http://zhinnombreespecial.es.tl/Videos-Beijin-2008.htm">Beijing 2008</a></li>
<li><a href="http://zhinnombreespecial.es.tl/Descarga-Tus-Videos">Descarga Videos</a></li>
<li><a href="http://zhinnombreespecial.es.tl/Videos-en-general.htm">Videos en general</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

<li class="top"><a href="#" id="Menu4" class="top_link"><span class="down">Astrologia</span>
<!--[if gte IE 7]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="sub">
<li><a href="http://zhinnombreespecial.es.tl/Relacionado-con-la-astrologia-htm">Todo Astrologia</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>

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

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


la pregunta es que hize mal??

y si alguien me puede decir que es lo que debo corregir para que quede bien
seria de gran ayuda

gracias
______________


Ultima edición por zhinnombreespecial el Vie Ago 15, 2008 11:46 pm; editado 2 veces
Mensaje15-08-2008, 14:20 (UTC)    
Título del mensaje:

A mi me ha costado mucho hacerlo.. tanto que he decidido no hacerlo.
Será mejor que se lo consultes a Diego... Es bastante complicado el Tutorial...

Salu2!
Mensaje15-08-2008, 21:24 (UTC)    
Título del mensaje:

jeje es lo que ya hize y ya me paso el code correcto
______________
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group