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.

Posición del botón de retroceso siempre en la esquina inferior derecha de la página.

05 Jun, 2023 Programación

¿Existe alguna manera de posicionar un botón en html/css para que siempre esté en la esquina inferior derecha de la página? Debo mencionar que la tabla que existe en la página tendrá más filas, por lo que si el usuario agrega un registro, éste se mostrará en la vista.

Lo que ya he intentado y funciona es hacer un div para el botón ‘Atrás’:

button[name=BackBtn] {
  color: white;
  padding: 8px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
}

<div class="Back">
  <button name="BackBtn" type="button" style="font-size: 16px; float: right; border-radius: 8px;  background-color: #3869d4;" onclick="history.back()">Πίσω</button>
</div>

Ejemplo de la página

Tags:  , , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Sí, hay una forma de posicionar un botón en HTML/CSS para tener siempre el botón en la esquina inferior derecha de una página. Una forma de hacerlo es usar las siguientes reglas de CSS:

    position: fixed;
bottom: 0;
right: 0;

    Esto fijará la posición del botón en la esquina inferior derecha de la página, independientemente de cuántas filas haya en la tabla o cuánto contenido haya en la página. Puede aplicar estas reglas a su elemento de botón o envolverlo en un contenedor div como en el ejemplo proporcionado, y aplicar los estilos CSS al contenedor.

    <div class="Back">
  <button name="BackBtn" type="button" style="position: fixed; bottom: 0; right: 0; font-size: 16px; 
  border-radius: 8px; background-color: #3869d4;" onclick="history.back()">Πίσω</button>
</div>

    Este código hará que el botón “Atrás” siempre aparezca en la esquina inferior derecha de la página.

Comments are closed.