-
Estoy teniendo algunos problemas intentando ubicar ciertos elementos dentro de mi codigo en algunas posiciones de la pagina. Existe alguna herramienta que me ayude a entender mejor las propriedades que definen esto? Si quieren puedo compartir el codigo y una imagen de como se ve. |
Beta Was this translation helpful? Give feedback.
Replies: 2 comments 1 reply
-
Codigo CSS body{
position:relative;
background-color:#3a5a40;
padding:center;
margin-left: auto;
margin-right: auto;
width: 15em;
}
#titulo{
color:#ffbf69;
}
#palabras{
color: #dddf00;
opacity:50%;
z-index:-1;
}
#cuadro{
margin-left:-8em;
border:25px;
border-color:#eec170;
border-style:groove;
width:25em;
height:70vh;
background-image:url("https://cdn.glitch.global/54da8c06-5f33-462e-8d18-fca122f95c1d/fondo1.jpg?v=1678471721776");
background-repeat:no-repeat;
background-size: cover;
}
#boton{
background-color:#606c38;
color:#fefae0;
margin-top:2em;
margin-left: auto;
margin-right: auto;
width: 15em;
}
footer{
width:15em;
position:absolute;
bottom:-1em;
}
#verde{
width:15em;
height:15em;
display:;
} Codigo HTML <!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" href="/favicon.ico" sizes="any" />
<link rel="icon" href="/favicon.svg" type="image/svg+xml" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<link rel="manifest" href="/sitio.webmanifest" />
<title>..:: Yo Latino ::..</title>
<link rel="stylesheet" href="/style.css" />
<script src="/script.js" defer></script>
</head>
<body>
<h1 id="titulo">Mi Yo Latino</h1>
<p id="palabras">
</p>
<div id="cuadro">
<img id="latino1" src=","/>
<img id="latino2" src=","/>
<img id="latino3" src=","/>
</div>
<button id="boton">Latinízame</button>
</body>
<footer>
<img id="verde" src="https://cdn.glitch.global/54da8c06-5f33-462e-8d18-fca122f95c1d/aprovado.png" />
</footer>
</html> Quiero que la imagen de Omar se vea siempre abajo a la izquierda. |
Beta Was this translation helpful? Give feedback.
-
Encontre un par de videos que me parecen utiles para personas interesadas en entender CSS. |
Beta Was this translation helpful? Give feedback.
Encontre un par de videos que me parecen utiles para personas interesadas en entender CSS.
El primero me ayudo a entender un poco los diferentes tipos de posiciones de CSS y como funcionan.
https://youtu.be/jx5jmI0UlXU
El segundo en verdad me ayudo a simplificar el 90% de mi proyecto y a evitar cometer algunos errores que estaba cometiendo.
https://youtu.be/Qhaz36TZG5Y