Foros del Web » Creando para Internet » CSS »

problema con propiedad display:none en css

Estas en el tema de problema con propiedad display:none en css en el foro de CSS en Foros del Web. Muy buenas. Estoy adaptando una web a distintas resoluciones y todo va correcto hasta que para la resolución más pequeña 400px cree un menu de ...
  #1 (permalink)  
Antiguo 16/01/2014, 05:02
Avatar de paxarin  
Fecha de Ingreso: enero-2010
Ubicación: Santander
Mensajes: 413
Antigüedad: 12 años
Puntos: 6
problema con propiedad display:none en css

Muy buenas.
Estoy adaptando una web a distintas resoluciones y todo va correcto hasta que para la resolución más pequeña 400px cree un menu de navegación distinto al del resto de las versiones.
En total tengo 3 hojas de css.
Lo logico es que en las 2 primeras ponga:
#responsive_nav{display:none}
que es el menu para la versión movil, y en la versión movil poner
#navigation{display:none}
y así deberia de funcionar, pero no es así y la verdad que no lo entiendo. Tambien probe con visibiliti:hidden pero el resultado es el mismo.
En definitiva que en el momento que pongo:
#responsive_nav{display:none}
no se muestra la navegación en la version movil. Alguien sabria decirme cual puede ser el problema?
__________________
http://www.paxarindesign.es
  #2 (permalink)  
Antiguo 16/01/2014, 05:50
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.485
Antigüedad: 19 años, 5 meses
Puntos: 2113
Respuesta: problema con propiedad display:none en css

Cita:
Iniciado por paxarin Ver Mensaje
En definitiva que en el momento que pongo:
#responsive_nav{display:none}
no se muestra la navegación en la version movil. Alguien sabria decirme cual puede ser el problema?
¿Eing? ¿El problema es que algo funciona bien?
  #3 (permalink)  
Antiguo 16/01/2014, 12:42
Avatar de paxarin  
Fecha de Ingreso: enero-2010
Ubicación: Santander
Mensajes: 413
Antigüedad: 12 años
Puntos: 6
Respuesta: problema con propiedad display:none en css

Que tengo dos menos de navegación.
Uno para resoluciones de escritorio y tablet y otra para movil
La de escritorio y tablet se llama navigation y la de la version movil responsive_nav
de hay que en unas hojas ponga una que una sea visible o la otra no.
Y eso es lo que no funciona y no comprendo.
__________________
http://www.paxarindesign.es
  #4 (permalink)  
Antiguo 16/01/2014, 13:08
Avatar de pitufoweb  
Fecha de Ingreso: enero-2008
Ubicación: Un Mundo Raro
Mensajes: 1.148
Antigüedad: 14 años
Puntos: 181
Respuesta: problema con propiedad display:none en css

Es que así como dices es normal que no se muestre, pues le tienes display:none;


Ademas creo que no lo estas haciendo "bien".

1.- Tendrías que ir de menos a mas. Es decir, primero para móvil y después para tablet y desktop.

2.- No creo que necesites dos menus. Simplemente cambia los estilos, posición, etc.


Saludos
__________________
------------- " La felicidad no llega de afuera, nace desde dentro. " -------------
  #5 (permalink)  
Antiguo 16/01/2014, 13:14
Avatar de paxarin  
Fecha de Ingreso: enero-2010
Ubicación: Santander
Mensajes: 413
Antigüedad: 12 años
Puntos: 6
Respuesta: problema con propiedad display:none en css

OK, mañana probare lo que me comentas.
Yo siempre puse los css del principal hacia menor resolución.
Podria ser eso, aunque cuando lo veo que firebug se respetan los estilos.
__________________
http://www.paxarindesign.es

Etiquetas: propiedad
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 17:52.