Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje09-10-2008, 19:25 (UTC)    
Título del mensaje: [Resuelto] ayuda para colocar menu Horizontal
Responder citando
Bueno el hecho es que me hicieron un menu horizontal en la seccion de taller pero resulta que no puede colocarlo ya que no se ve.

coloco este codigo en texto por encima de pagina:

Código:
<style type="text/css">
 #tabsE {
      float:left;
      width:100%;
      background:#000;
      font-size:93%;
      line-height:normal;

      }
    #tabsE ul {
     margin:0;
     padding:10px 10px 0 50px;
     list-style:none;
      }
    #tabsE li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsE a {
      float:left;
      background:url("http://img142.imageshack.us/img142/9522/tableftetz1.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsE a span {
      float:left;
      display:block;
      background:url("http://img142.imageshack.us/img142/318/tabrightegc1.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac */
    #tabsE a span {float:none;}
    /* End IE5-Mac hack */
    #tabsE a:hover span {
      color:#FFF;
      }
    #tabsE a:hover {
      background-position:0% -42px;
      }
    #tabsE a:hover span {
      background-position:100% -42px;
      }  </style>


y este otro donde quiero que aparesca mi menu:

Código:
<div id="tabsG">
<ul>
    <li><a title="inicio" href="http://www.visualgame-x.es.tl/"><span>inicio</span></a></li>
    <li><a title="foro" href="http://visualgamex.foroactivo.net/"><span>Foro</span></a></li>
    <li><a title="descargas" href="http://www.visualgame-x.es.tl/Descargas.htm"><span>descargas</span></a></li>
    <li><a title="chat" href="http://www.visualgame-x.es.tl/Chat-visualgame.htm"><span>chat</span></a></li>
    <li><a title="Libro de visitas" href="http://www.visualgame-x.es.tl/Libro-de-visitantes.htm"><span>libro de visitas</span></a></li>
    <li><a title="Link 6" href="#"><span>Link 6</span></a></li>
    <li><a title="Link 7" href="#"><span>Link 7</span></a></li>
</ul>
</div>



no se que es lo que hago mal por que me queda de esta manera:



no se si "donde quiera que aparesca mi menu" se refieren a cualquier box o es otro lugar


En espera de su ayuda...


saludos...


Ultima edición por visualgame-x el Jue Oct 09, 2008 4:54 pm; editado 1 vez
↑
Mensaje09-10-2008, 19:59 (UTC)    
Título del mensaje:
Responder citando
vaya.... no se que decirte, podrias exlicarte mejor?
______________
↑
Mensaje09-10-2008, 20:18 (UTC)    
Título del mensaje:
Responder citando
Analizando tu code note algo que está erroneo y es que la 2da parte del code (la que lo hace visible) tiene asignado leer del code madre (el 1ero) un id que no existe: "tabsG".
Por lo tanto el code está mal hecho por el autor o por error eliminiaste una parte del code madre (el 1ero) y por eso no lee el backgroun (fondo) de los botones. Tendrías que consultarlo con el autor...

Salu2!
↑
Mensaje09-10-2008, 20:23 (UTC)    
Título del mensaje:
Responder citando
el elimino una parte del code por eso no le sale nada enseguida pongo el code ya que soy yo el autor de tal
______________

Plantillas | CSS | HTML | Normas del foro | Contacto | Tutoriales
Mail de ayuda: contacto@radioflash.com

↑
Mensaje09-10-2008, 20:32 (UTC)    
Título del mensaje: menu
Responder citando
Pero yo no he tocado el codigo por ningun motivo, solo copiar y pegar...


solo sigo instrucciones....


Saludos!!!
↑
Mensaje09-10-2008, 20:36 (UTC)    
Título del mensaje:
Responder citando
mira pega este code en texto por encima de la pagina
Código:
<style type="text/css">
<!--
 #tabsE {
      float:left;
      width:100%;
      background:#000;
      font-size:93%;
      line-height:normal;

      }
    #tabsE ul {
     margin:0;
     padding:10px 10px 0 50px;
     list-style:none;
      }
    #tabsE li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsE a {
      float:left;
      background:url("http://img142.imageshack.us/img142/9522/tableftetz1.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsE a span {
      float:left;
      display:block;
      background:url("http://img142.imageshack.us/img142/318/tabrightegc1.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac */
    #tabsE a span {float:none;}
    /* End IE5-Mac hack */
    #tabsE a:hover span {
      color:#FFF;
      }
    #tabsE a:hover {
      background-position:0% -42px;
      }
    #tabsE a:hover span {
      background-position:100% -42px;
      }
//-->
</style>


y este donde quieres que aparezca el menu
Código:
<div id="tabsE">
<ul>
    <li><a title="Link 1" href="#"><span>Link 1</span></a></li>
    <li><a title="Link 2" href="#"><span>Link 2</span></a></li>
    <li><a title="Link 3" href="#"><span>Link 3</span></a></li>
    <li><a title="texto largo" href="#"><span>Longer Link Text</span></a></li>
    <li><a title="Link 5" href="#"><span>Link 5</span></a></li>
    <li><a title="Link 6" href="#"><span>Link 6</span></a></li>
    <li><a title="Link 7" href="#"><span>Link 7</span></a></li>
</ul>
</div>

______________

Plantillas | CSS | HTML | Normas del foro | Contacto | Tutoriales
Mail de ayuda: contacto@radioflash.com

↑
Mensaje09-10-2008, 20:53 (UTC)    
Título del mensaje: Menu horizontal
Responder citando
Listo solucionado el problema, este codigo si me funciona...

gracias y disculpen las molestias ocacionadas...


saludos
↑
Mostrar mensajes anteriores:   
  • Página 1 de 1

  •  
    • Saltar a:  


Powered by phpBB © 2001, 2005 phpBB Group

© 2025 webme GmbH, Alemania. Todos los derechos reservados.