Bienvenido a la Comunidad de Treehouse
¿Quieres colaborar en errores de código? ¿Tienes errores que necesitan comentarios? ¿Buscas un par de ojos adicionales en tu último proyecto? aquí.
¿Buscas aprender algo nuevo?
Treehouse ofrece una prueba gratuita de siete días para estudiantes nuevos. Obtén acceso a miles de horas de contenido y únete a miles de
Inicia tu prueba gratuita
Doug Devitre
16,516 puntos¿Qué estoy haciendo mal en los desplazamientos de posicionamiento en el cuestionario? Por favor ayuda. Ver código.
.logo {
/* Completa el desafío escribiendo CSS a continuación */
.logo {
posición: absoluto;
offset-position: top -45px izquierda 20px;
}
<!DOCTYPE html>
<html>
<head>
<title>Posicionamiento CSS</title>
<link href='https://fonts.googleapis.com/css?family=Varela+Round' rel='hoja de estilos' type='texto/css'>
<link rel=stylesheet href=page.css>
<link rel=stylesheet href=style.css>
</head>
<body>
<div class=banner>¡La mejor guía de la mejor ciudad!</div>
<div class=card>
<img class=logo src=city-logo.svg alt=Una ilustración de un edificio>
<h2>Mejor Guía de la Ciudad</h2>
<p>Pastel de avena cheesecake malvavisco. Bombón pastel de hojaldre tarta de manzana danish donut bombón malvavisco caramelos. Garra de oso barra de chocolate gotas de limón. Tarta de zanahoria grajeas grajeas tarta.</p>
<p>Caramelo ciruela pasa pudín mazapán cupcake toffee donut rollo dulce. Snaps de sésamo pastel regaliz halvah. Bombón glaseado bastones de caramelo. Galleta polvo cobertura chupa chups bastones de caramelo caramelo. Tarta danish croissant macarrón galleta. Galleta bastones de caramelo gotas de limón jelly-o. Cheesecake ositos de goma regaliz. Toffee garra de oso pastel ositos de goma bastones de caramelo tiramisú pudín. Bastones de caramelo tarta grajeas jujubes malvavisco cobertura postre malvavisco. Glaseado tarta de manzana danish pastel mazapán cobertura. Chocolate rollo dulce bastones de caramelo tarta croissant tarta de manzana malvavisco helado. Gelatina toffee halvah pan de jengibre bombón tarta dulce pastel de chocolate. Tarta rollo dulce pastel rollo dulce.</p>
<p>Cupcake galleta pastel de chocolate. Dragée pan de jengibre halvah mazapán bombón donut pastel de chocolate oblea. Rollo dulce bombón gelatina piruleta piruleta ositos de goma pastel de chocolate halvah. Pastel de fruta galleta jelly-o tarta de zanahoria. Brownie pan de jengibre pan de jengibre barra de chocolate toffee tarta jujubes glaseado. Piruleta cheesecake rollo dulce piruleta cheesecake magdalena barra de chocolate tarta de zanahoria caramelos. Regaliz algodón de azúcar cheesecake macarrón. Rollo Tootsie mazapán chocolate jujubes jujubes.</p>
<p>Tarta de zanahoria galleta tarta de manzana. Gominolas galleta chocolate polvo polvo pastel de avena. Jujubes rollo tootsie grajeas galleta malvavisco gotas de limón galleta. Donut tarta de zanahoria pastel de fruta ositos de goma danish mazapán pastel pastel pastel de chocolate. Galleta postre macarrón cupcake dulce magdalena pastel. Rollo tootsie garra de oso cheesecake garra de oso gotas de limón.</p>
</div>
</body>
</html>
1 Respuesta
Rohald van Merode
JavaScript Full Stack Estudiante de Techdegree 9.277 PuntosHola Doug Devitre 👋
offset-position no está destinado para posicionamiento de propósito general como establecer desplazamientos superiores e izquierdos. En su lugar, se utiliza para especificar la posición de un elemento a lo largo de una ruta de movimiento.
Para establecer un desplazamiento superior de -45px y un desplazamiento izquierdo de 20px, necesitas usar las top y left propiedades por separado, así:
.logo {
posición: absoluto;
top: -45px;
izquierda: 20px;
}
¡Espero que esto te ayude! 😄
Doug Devitre
16,516 puntosDoug Devitre
16,516 puntos¡Rohald, gracias! Eres el mejor :)