[SOLUCIONADO] HTML - Posicionar un hiperlink

Iniciado por Adalher, Noviembre 24, 2017, 05:43:24 PM

Tema anterior - Siguiente tema

0 Miembros y 1 Visitante están viendo este tema.

Imprimir
Ir Abajo Páginas1
Acciones del Usuario
Noviembre 24, 2017, 05:43:24 PM Ultima modificación: Noviembre 27, 2017, 01:52:10 PM por xyz
Hola,

trate de posicionar un hiperlink pero no tiene efecto.

Codigo:

Código: text

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>position:absolute</title>
    <style>


      main { 
        position: relative; 
     }
      #info-box {
	padding: 0px;
        position: absolute;
        right: 1em;
        top: 0;
        width: 250px;
     }


    </style>
  </head>
  <body>
      <div id="info-box">
        <a href="pagina2.html"><h1>Iniciar sesion</h1></a> 
      </div>
    </main>
  </body>
</html>


Yo cambie las propiedades padding, right pero no veo diferencia. Porque sera?

Gracias y saludos
Este es el mayor reproche al pueblo hispanohablante:

Que a pesar de su inteligencia y a pesar de su valentía siempre adoran el poder.
Noviembre 24, 2017, 10:40:13 PM #1
¿Qué es exactamente lo que deseas hacer?

no entiendo eso de "posicionar un hiperlink"   ???

saludos!
Nivel 77 No tienes permitido ver enlaces. Registrate o Entra a tu cuenta
Noviembre 25, 2017, 08:21:31 PM #2
Te recomiendo intentes hacerlo con una class y no un id. Ya que usualmente id es para adjuntar js a html.

Prueba con (en lugar de id="[nombre]") con class="[nombre]" y en los estilos quedaría como .[nombre]{ Bloque de estilos }
Noviembre 26, 2017, 05:04:33 PM #3
Prueba esto


Código: css

 #info-box{
        display: none;
       position: fixed;
       right: 1em;
        top: 0;
        width: 250px;
        z-index: 9;

}


Si no me he equivocado te posicionará el link  a la derecha el equivalente a unos 16 píxeles y a 0 del top
Regards
No tienes permitido ver enlaces. Registrate o Entra a tu cuenta

Noviembre 27, 2017, 09:09:21 AM #4
Hola a todos,

muchas gracias a todos por su aporte.

Encontre algo muy bueno y facil que lo utilizare en adelante:

Código: text

<!doctype html>
<html>
  <head>
    <body>
      <div style="position:absolute; top:-20px; left:800px">
        <a href="Iniciarsesion.html"><h1>Iniciar sesion</h1></a> 
      </div>
      <div style="position:absolute; top:10px; left:800px">
        <a href="pagina2.html"><h1>Registrarse</h1></a> 
      </div>
    </body>
</html>


Asi es: el uso de divs me agrada bastante.

Para los que no saben a que me referia al decir posicionar un hiperlink, copien el codigo que les deje con este mensaje en un html y pruebenlo que esta chulo  8)

Gracias y saludos
Este es el mayor reproche al pueblo hispanohablante:

Que a pesar de su inteligencia y a pesar de su valentía siempre adoran el poder.
Imprimir
Ir Arriba Páginas1
Acciones del Usuario