Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje09-10-2008, 19:25 (UTC)    
Título del mensaje: [Resuelto] ayuda para colocar menu Horizontal

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:

vaya.... no se que decirte, podrias exlicarte mejor?
______________
Mensaje09-10-2008, 20:18 (UTC)    
Título del mensaje:

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:

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

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:

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>
Mensaje09-10-2008, 20:53 (UTC)    
Título del mensaje: Menu horizontal

Listo solucionado el problema, este codigo si me funciona...

gracias y disculpen las molestias ocacionadas...


saludos
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group