Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Convertir nav-tabs en select menú

Estas en el tema de Convertir nav-tabs en select menú en el foro de CSS en Foros del Web. Hola, necesito convertir un "nav-tabs" en un select menú para cuando se vea con el móvil. He provado varias cosas ,pero no consigo que me ...
  #1 (permalink)  
Antiguo 19/03/2015, 03:37
 
Fecha de Ingreso: junio-2014
Mensajes: 5
Antigüedad: 9 años, 10 meses
Puntos: 0
Pregunta Convertir nav-tabs en select menú

Hola,

necesito convertir un "nav-tabs" en un select menú para cuando se vea con el móvil.
He provado varias cosas ,pero no consigo que me salga,

[URL="http://consergra.6temaweb.com/images/Captura%20de%20pantalla%202015-03-19%20a%20las%2010.35.02.png"]http://consergra.6temaweb.com/images/Captura%20de%20pantalla%202015-03-19%20a%20las%2010.35.02.png[/URL]

dejo una captura de pantalla de mi código,

saludos,

Anna.
  #2 (permalink)  
Antiguo 24/03/2015, 00:10
Avatar de ZoroRoronoa  
Fecha de Ingreso: marzo-2011
Ubicación: California, USA
Mensajes: 824
Antigüedad: 13 años, 1 mes
Puntos: 116
Respuesta: Convertir nav-tabs en select menú

No he visto tu codigo, ni pienso veerlo en una imagen.


Asi que te doy una solucion, creando 2 menus.

<nav id="menuGRANDE">
menu 1
menu 2
menu 3
</nav>

<nav id="menuMOBILE">
menu 1
menu 2
menu 3
</nav>

y al del mobile hacerlo invisible, aplicandole un display:none;

en efecto contrario cuando tu web se vea en un movil, OCULTAS tu menu grande
#menuGRANDE {display:none}

y tu menu para MOVILES, lo muestras
#menuMOBILE {display:block;}

Saludos.

Si buscas otra solucion, puedes dejar el link hacia tu web para explorarla, o en su echo poner en un "jsfiddle" o "codepen" el codigo HTML y CSS de tu plantilla.

Saludos.
__________________
Programador jQuery & PHP
  #3 (permalink)  
Antiguo 24/03/2015, 00:41
Avatar de AngelKrak  
Fecha de Ingreso: noviembre-2014
Mensajes: 917
Antigüedad: 9 años, 5 meses
Puntos: 91
Respuesta: Convertir nav-tabs en select menú

es muy buena tu opcion tambien ;) haciendo 2 menus, uno movil y el otro pc
  #4 (permalink)  
Antiguo 24/03/2015, 01:08
Avatar de gamsomam  
Fecha de Ingreso: marzo-2015
Ubicación: ometepec
Mensajes: 12
Antigüedad: 9 años, 1 mes
Puntos: 2
Respuesta: Convertir nav-tabs en select menú

usa bootsrap http://getbootstrap.com

si quieres que te enseñe los básico o que te ayude en algo manda un mp
  #5 (permalink)  
Antiguo 27/03/2015, 14:20
 
Fecha de Ingreso: junio-2014
Mensajes: 5
Antigüedad: 9 años, 10 meses
Puntos: 0
Respuesta: Convertir nav-tabs en select menú

Muchas gracias, al final utilizé lo del #menuGRANDE y #menuMOBILE .
Siento que no os puedo mandar el link de la web, ya que la tengo en mantenimiento y no se puede ver aun.

muchas gracias a todos ,

Anna.

Etiquetas: select
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 08:48.