Entrar ¿Aún no tienes acceso?
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
2
respuestas

algunos efectos no funcionan y no puedo modificar el tamaño de footer

Referente al curso HTML5 y CSS3 parte 2: Posicionamiento, listas y navegación

por Estudiante
| 35.7k xp | 56 posts

header{ background: linear-gradient(90deg, rgb(7, 7, 7) 0%, rgb(165, 165, 165) 150%)

}

.caja{ width: 940px; position: relative; margin: 0 auto; } nav{ position: absolute; top:140px; right:50px; } nav li{ display: inline; margin: 0 0 0 15px; }

nav a{ text-transform:uppercase; color: rgb(253, 248, 200); font-weight: bold; font-size: 22px; text-decoration: none; }

nav a:hover{ color: rgb(241, 134, 11); text-decoration: underline; }

.itembar{ width: 940px; margin: 0 auto; padding: 20px; } .itembar li{ display: inline-block; text-align: center; width: 30%; vertical-align: top; margin: 0 1.5%; padding: 20px 20px; box-sizing: border-box; box-shadow: #251717; border: 5px solid #000000; border-radius: 8%; }

.itembar li:hover{ border-color:rgb(241, 134, 11); }

.itembar li:active{ border-color: #f0b905; }

.itembar h2{ font-size: 25px; font-weight: bold; color: #3a2121;

}

.itembar li:hover h2{ font-size: 30px; } .descripcion{ font-size: 18px; } .precio{ font-size: 15px; font-weight: bold; }

footer{ text-align: center; background: url(barberia/fondo.jpg)

}Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad.copyright{ color: #fdfbfb; font-size: 10px; margin: 10px; }

2 respuestas
por Marianna Costa
| 614.8k xp | 1826 posts
Alura Scuba Team Scuba Team Front-end

¡Hola Estudiante!

En cuanto a los efectos que no funcionan, necesitaría más información para poder ayudarte. ¿Podrías proporcionarme más detalles sobre qué efectos no están funcionando y en qué parte del código se encuentran?

En cuanto al tamaño del footer, parece que no se está definiendo un tamaño específico en el código que compartiste. Podrías intentar agregar una propiedad "height" en la sección "footer" del CSS para definir el tamaño que deseas.

Por ejemplo:

footer{
    text-align: center;
    background: url(barberia/fondo.jpg);
    height: 100px; /* Agrega esta línea y ajusta el valor según tus necesidades */
}

Espero que esto te ayude. Si necesitas más ayuda, no dudes en preguntar.

¡Espero haber ayudado!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios!
por Estudiante
| 35.7k xp | 56 posts

gracias por la sugerencia