Underc0de

Foros Generales => Dudas y pedidos generales => Mensaje iniciado por: Adalher en Noviembre 24, 2017, 05:43:24 PM

Título: [SOLUCIONADO] HTML - Posicionar un hiperlink
Publicado por: Adalher en Noviembre 24, 2017, 05:43:24 PM
Hola,

trate de posicionar un hiperlink pero no tiene efecto.

Codigo:


<!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
Título: Re:HTML - Posicionar un hiperlink
Publicado por: DeBobiPro en Noviembre 24, 2017, 10:40:13 PM
¿Qué es exactamente lo que deseas hacer?

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

saludos!
Título: Re:HTML - Posicionar un hiperlink
Publicado por: HckH3x en Noviembre 25, 2017, 08:21:31 PM
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 }
Título: Re:HTML - Posicionar un hiperlink
Publicado por: Hu3c0 en Noviembre 26, 2017, 05:04:33 PM
Prueba esto


Código (css) [Seleccionar]

#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
Título: Re:HTML - Posicionar un hiperlink
Publicado por: Adalher en Noviembre 27, 2017, 09:09:21 AM
Hola a todos,

muchas gracias a todos por su aporte.

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


<!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