Foros del Web » Creando para Internet » HTML »

Ayuda con menu

Estas en el tema de Ayuda con menu en el foro de HTML en Foros del Web. Hola mis queridos amigos!!! Nuevamente recurro a su ayuda... como decimos por mis pagos, me meti en una camisa de 11 varas.. Necesito incorporar submenu ...
  #1 (permalink)  
Antiguo 02/03/2011, 13:30
Avatar de vec
vec
 
Fecha de Ingreso: junio-2001
Mensajes: 291
Antigüedad: 16 años, 5 meses
Puntos: 8
Sonrisa Ayuda con menu

Hola mis queridos amigos!!!

Nuevamente recurro a su ayuda... como decimos por mis pagos, me meti en una camisa de 11 varas..

Necesito incorporar submenu vertical u horizontal al menu que ya tengo. De por si como pude hacer el menu, ni me lo pregunten porque aun lo estoy averiguando :), pero hasta ahi me llegaron mis habilidades.

Les doy un link para que puedan ver mi codigo, y si alguien amablemente me da una ayudita se lo agradecere muchisimo!!!!!

Que tengan un maravilloso dia !!!!!

http://www.campcanineflorida.com/web%20site.zip
__________________
[email protected]
  #2 (permalink)  
Antiguo 02/03/2011, 14:23
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Ayuda con menu

Hola:

En las FAQ's de CSS hay varios ejemplos de menús desplegables que te pueden servir de guía.

Saludos.

  #3 (permalink)  
Antiguo 02/03/2011, 15:47
Avatar de vec
vec
 
Fecha de Ingreso: junio-2001
Mensajes: 291
Antigüedad: 16 años, 5 meses
Puntos: 8
Sonrisa Respuesta: Ayuda con menu

Gracias por la recomendacion. Pero cuando vi esos links como que la vi mas complicada

Yo ya hice mi menu, Me llevo su tiempecito hasta ver como trabajaba y arreglar la imagen del boton como me gusta, en tiffany blue con sombra, solo que quiero saber como agregarle subcategorias y al darle click a la opcion ir a la pagina que quiero..

Nuevamente muchas gracias
__________________
[email protected]
  #4 (permalink)  
Antiguo 02/03/2011, 17:34
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Ayuda con menu

Hola:

Sería algo así:

Código HTML:
Ver original
  1. <ul id="menu">
  2.     <li><a href="opcion1.html">Opción 1</a></li>
  3.     <li><a href="opcion2.html">Opción 2</a>
  4.         <ul>
  5.             <li><a href="subopcion1.html">Opción 2-1</a></li>
  6.             <li><a href="subopcion2.html">Opción 2-2</a></li>
  7.         </ul>
  8.     </li>
  9.     <li><a href="opcion3.html">Opción 3</a></li>
  10. </ul>

Saludos.

  #5 (permalink)  
Antiguo 03/03/2011, 09:24
Avatar de vec
vec
 
Fecha de Ingreso: junio-2001
Mensajes: 291
Antigüedad: 16 años, 5 meses
Puntos: 8
Respuesta: Ayuda con menu

Muchas gracias... ahora sino entendi mal LI se despliega horizontal.. yo qu8ero que se despliegue vertical y que mantenga el color tifanni...
cual seria el comando... nuevamente un millon de gracias.
__________________
[email protected]
  #6 (permalink)  
Antiguo 03/03/2011, 09:27
Avatar de arepavieja  
Fecha de Ingreso: marzo-2011
Mensajes: 203
Antigüedad: 6 años, 9 meses
Puntos: 9
Respuesta: Ayuda con menu

Usando capas y aplicando eventos sobre las mismas, es decir, tienes el enlace principal, y puedes ponerle un evento "onmouserover" para desplegar la capa y "onmouseout" para ocultarla.
  #7 (permalink)  
Antiguo 03/03/2011, 09:28
Avatar de arepavieja  
Fecha de Ingreso: marzo-2011
Mensajes: 203
Antigüedad: 6 años, 9 meses
Puntos: 9
Respuesta: Ayuda con menu

Cita:
Iniciado por arepavieja Ver Mensaje
Usando capas y aplicando eventos sobre las mismas, es decir, tienes el enlace principal, y puedes ponerle un evento "onmouserover" para desplegar la capa y "onmouseout" para ocultarla.
onmouseover, perdón.
  #8 (permalink)  
Antiguo 03/03/2011, 09:30
Avatar de arepavieja  
Fecha de Ingreso: marzo-2011
Mensajes: 203
Antigüedad: 6 años, 9 meses
Puntos: 9
Respuesta: Ayuda con menu

con respecto a los "li" puedes aplicarle un " float: left o right" para que sea vertical u horiontal
  #9 (permalink)  
Antiguo 03/03/2011, 09:37
Avatar de vec
vec
 
Fecha de Ingreso: junio-2001
Mensajes: 291
Antigüedad: 16 años, 5 meses
Puntos: 8
Respuesta: Ayuda con menu

Como seria el comando completo si quiero que se despliegue hacia abajo... segun el ejmplo que me dejo nuestro amigo mas arribla. ?

Gracias nuevamente
__________________
[email protected]
  #10 (permalink)  
Antiguo 03/03/2011, 09:54
Avatar de arepavieja  
Fecha de Ingreso: marzo-2011
Mensajes: 203
Antigüedad: 6 años, 9 meses
Puntos: 9
Respuesta: Ayuda con menu

¿a cual ejemplo te refieres?
  #11 (permalink)  
Antiguo 03/03/2011, 10:03
Avatar de vec
vec
 
Fecha de Ingreso: junio-2001
Mensajes: 291
Antigüedad: 16 años, 5 meses
Puntos: 8
Respuesta: Ayuda con menu

A estre codigo que nos dejos nuestro amigo...

<ul id="menu">
<li><a href="opcion1.html">Opción 1</a></li>
<li><a href="opcion2.html">Opción 2</a>
<ul>
<li><a href="subopcion1.html">Opción 2-1</a></li>
<li><a href="subopcion2.html">Opción 2-2</a></li>
</ul>
</li>
<li><a href="opcion3.html">Opción 3</a></li>
</ul>


Necesito que subopcion1, aparezca en forma vertical y no horizontal. :)
__________________
[email protected]
  #12 (permalink)  
Antiguo 03/03/2011, 12:04
Avatar de vec
vec
 
Fecha de Ingreso: junio-2001
Mensajes: 291
Antigüedad: 16 años, 5 meses
Puntos: 8
Sonrisa Respuesta: Ayuda con menu

Pleaseeee.. que alguien me de una manito con esta respuesta... gracias...
__________________
[email protected]
  #13 (permalink)  
Antiguo 05/03/2011, 04:03
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Ayuda con menu

Hola:

Cita:
Iniciado por arepavieja Ver Mensaje
Usando capas y aplicando eventos sobre las mismas, es decir, tienes el enlace principal, y puedes ponerle un evento "onmouserover" para desplegar la capa y "onmouseout" para ocultarla.
¿Y porqué hacerlo con javascript si se puede hacer con CSS sin sobrecargar el código?

Saludos.

  #14 (permalink)  
Antiguo 05/03/2011, 09:59
Avatar de vec
vec
 
Fecha de Ingreso: junio-2001
Mensajes: 291
Antigüedad: 16 años, 5 meses
Puntos: 8
Respuesta: Ayuda con menu

Gracias por la ayuda.. aunque no se hacerlo tampoco en css.. lo voy a postear en esa seccion... mil gracias...
__________________
[email protected]
  #15 (permalink)  
Antiguo 05/03/2011, 12:54
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Ayuda con menu

Hola:

Entonces empieza por aquí: www.librosweb.es

Saludos.


Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:05.