Foros del Web » Creando para Internet » CSS »

Imagen y menu responsive

Estas en el tema de Imagen y menu responsive en el foro de CSS en Foros del Web. Buenas tardes! Les quiero plantear una duda que tengo para hacer un diseño web Estoy diseñando una web reponsive con html 5 css 3 y ...
  #1 (permalink)  
Antiguo 18/06/2014, 09:01
 
Fecha de Ingreso: septiembre-2007
Mensajes: 152
Antigüedad: 17 años, 2 meses
Puntos: 1
Imagen y menu responsive

Buenas tardes!

Les quiero plantear una duda que tengo para hacer un diseño web

Estoy diseñando una web reponsive con html 5 css 3 y bootstrap.

Lo que quiero es poner una imagen de fondo... pero que se vea entera y además que sea reponsive, encima de esta imagen quiero que haya un menú de iconos.
Digo entera porque cuando la imagen esta como background se ve depende del contenido que tenga dentro el div.

Lo he intentado de todas las maneras con un grid bootstrap, con div con imagen de fondo, con la clase bootstrap img-responsive, aunque con esta última he conseguido algo parecido tenía que jugar con margins negativos… es decir me parece muy raro que se haga así.
Justo debajo de la foto quiero otro menú que sea responsive (pero este ya lo tengo hecho).

Tanto este último menú que comento como la img tiene que estar unidos como enseño en la imagen.

https://mega.co.nz/#!llwFXALQ!fXclMu...AuYXh1Rh-gaCp8

¿Alguien me podría dar las pautas para saber cómo tengo que hacerlo de forma correcta?

Muchas gracias por vuestro tiempo
Un saludo.
  #2 (permalink)  
Antiguo 18/06/2014, 09:09
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: Imagen y menu responsive

Ojalá encuentres a alguien que quiere descargarse nada.

Las imágenes de fondo, en caso de que no se corten un poco, o bien no cubrirían el fondo o bien saldrían deformadas. Entonces, ¿cuál es tu opción? Cualquier caso que imagines es uno de esos tres. Incluso si lo haces en Photoshop. Recortas, dejas espacio libre o deformas la imagen.
__________________
(:
  #3 (permalink)  
Antiguo 18/06/2014, 09:14
 
Fecha de Ingreso: septiembre-2007
Mensajes: 152
Antigüedad: 17 años, 2 meses
Puntos: 1
Respuesta: Imagen y menu responsive

jajaja, gracias!

Ahora no hace falta descargarse nada!

https://www.dropbox.com/s/btjlppuh1mi3tyu/Problema.jpg

Con respecto a las respuestas: no las he entendido muy bien, no se puede hacer con imagen de fondo veo... y con imagen y margins negativos es una buena practica?


Muchas gracias

Etiquetas: background, contenido, html, 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 03:17.