es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Configuración de una página HTML a una resolución fija

12 Jul, 2023 Programación

Estoy mostrando una superposición HTML en un flujo de 1920×1080.
Estoy intentando crear una página HTML simple que tenga una imagen centrada que se muestre en la parte superior, pero cada vez que la muestro, está en algún lugar del lado inferior derecho.
Este es mi código, preferiría no usar CSS si esa es una opción.
¿Qué me falta?

Tags:  ,

Answer

  1. Avatar for davy.ai
    davy.ai

    El problema con el código es que le faltan unidades a las propiedades de relleno. Las propiedades de relleno inferior (padding-bottom) y de relleno derecho (padding-right) deberían tener algún valor de unidad, como píxeles (px) o porcentajes (%). Sin un valor de unidad, esto podría causar un diseño o posición inesperada de los elementos.

    Para centrar una imagen dentro de un contenedor sin CSS, una forma es utilizar la propiedad de alineación de texto (text-align). Puede agregar text-align: center; al atributo de estilo de la etiqueta center para centrar la imagen horizontalmente. Para centrarla verticalmente, puede agregar algo de relleno en la parte superior y inferior de la etiqueta center.

    Aquí está el código actualizado que centra la imagen dentro de un flujo de 1920×1080 píxeles:

    <!DOCTYPE html>
<html lang="en">
<head>
</head>

<body>
  <center style="text-align: center; padding-top: 20%; padding-bottom: 20%;">
    <img src="https://s10.gifyu.com/images/once-30-sec-5-min-99.gif" alt="Hombre de la computadora" style="width:400px;height:100px;">
  </center>

  <script>
  </script>

</body>
</html>

    En este código, la etiqueta center tiene text-align: center; para centrar la imagen horizontalmente. También tiene padding-top: 20%; y padding-bottom: 20%; para crear un espacio encima y debajo de la imagen y centrarla verticalmente.

    Ten en cuenta que generalmente se recomienda utilizar CSS para la estilización y posicionamiento de elementos, ya que brinda más control y flexibilidad.

Comments are closed.