Grosor ‘faldón’ fondo con elementos

  • dreaigon

    (@dreaigon)


    hace 2 años, 7 meses

    Buenas tardes.

    Disculpas si hay un asunto sobre esto: he buscado por la comunidad con distintas palabras clave y no me da resultados.

    Estamos generando un sitio web de prueba en local y hemos introducido un ‘faldón’ con una imagen a todo ancho. Dentro hemos probado introducir dos columnas, una con una imagen y otra con texto.

    El resultado es que la franja queda muy gruesa. Es como si los elementos elevaran los márgenes de la imagen, y queda un resultado demasiado grande. Nos gustaría mantener esta línea estética, pues el objetivo final de la web es un ecommerce donde destacaremos el último producto de este modo, pero no sabemos si existe alguna fórmula para reducir el grosor de dicha franja.

    Aporto captura de imagen con la prueba en estos momentos. Las líneas en rojo serían lo que buscamos, aprox.

    Gracias.

    • Este debate fue modificado hace 2 años, 7 meses por Sergio.
Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
  • Moderador Sergio

    (@kallookoo)

    hace 2 años, 7 meses

    Hola,

    Si te entendi bien, quieres que quede la imagen entre las dos lineas rojas que comentas y para eso deberia existir esa imagen en un div como fondo y ajustar el CSS para que la imagen se ajuste.

    Por lo que veo, deduzco que esa imagen esta de fondo de la pagina y por lo tanto se ajusta a ella, si es asi una opcion es crear un header y footer para ocultar la imagen donde deberia tener un fondo de un color u otra imagen. Es decir que la pagina tendria tres secciones header, content y footer. Donde el content seria donde se añadiria la imagen y texto que se muestra encima de la imagen.

    Iniciador del debate dreaigon

    (@dreaigon)

    hace 2 años, 7 meses

    Hola, Kallooko.

    Gracias por tu respuesta.

    En realidad, es una adenda de un elemento ‘fondo’ con todo el ancho de pantalla de la página para crear una home. Siguiendo este ejemplo:

    https://letraversal.com/

    (El ejemplo es la imagen que pone 2 premio de poesía, etc.)

    Solo que ellos usan una imagen fija y en nuestro caso hemos creado un fondo con imagen para introducir dos columnas encima.

    Creo, no obstante, que tendré que manipular el CSS para hacer la selección más estrecha. Voy a probar a ver si soy capaz. Saludos y gracias.

Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)

El debate ‘Grosor ‘faldón’ fondo con elementos’ está cerrado a nuevas respuestas.

Etiquetas