Foros del Web » Creando para Internet » CSS »

Cabecera con Responsive Design

Estas en el tema de Cabecera con Responsive Design en el foro de CSS en Foros del Web. Hola Como andan? hay algo que me parece simple a primera vista, pero no logre conseguirlo... parece simple pero cuando trato de transcribirlo en codigo ...
  #1 (permalink)  
Antiguo 07/02/2014, 21:56
 
Fecha de Ingreso: junio-2010
Mensajes: 76
Antigüedad: 13 años, 10 meses
Puntos: 0
Cabecera con Responsive Design

Hola Como andan?
hay algo que me parece simple a primera vista, pero no logre conseguirlo...
parece simple pero cuando trato de transcribirlo en codigo (responsive)
no me esta saliendo...
a ver si alguien me puede dar alguna pista, o algun tutorial para aprenderlo a hacer!

les paso la imagen, y el comportamiento que quiero que tenga el header...
tal vez alguien me salva!




muchas gracias!!!
un saludo!
juan
  #2 (permalink)  
Antiguo 08/02/2014, 03:48
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Cabecera con Responsive Design

Sería cambiar de un float: left a un float: none, ¿no?
  #3 (permalink)  
Antiguo 08/02/2014, 03:58
 
Fecha de Ingreso: julio-2010
Ubicación: A Coruña
Mensajes: 505
Antigüedad: 13 años, 8 meses
Puntos: 60
Respuesta: Cabecera con Responsive Design

El logo y la raya inferior que vayan dentro de un div que llevará un float:left; (igual que el menú de su derecha y los <li> del menú para que se pongan en horizontal). Y cuando quieras que el menú aparezca debajo, al div del logo le metes un width:90%; (por lo que veo en la imagen) y el menú ya bajará automaticamente. Luego a los <li> del menú les sacas los floats con float: none; y ya se debería colocar así.
  #4 (permalink)  
Antiguo 08/02/2014, 14:18
 
Fecha de Ingreso: junio-2010
Mensajes: 76
Antigüedad: 13 años, 10 meses
Puntos: 0
Respuesta: Cabecera con Responsive Design

Gracias Pzin y Zeroom
voy a probar eso de meterlo dentro de un div!
no habia probado esa forma, siempre lo hacia separado y no lograba el efecto!
voy a probarlo!!

Etiquetas: design, diseño-web, responsive
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 19:42.