Foros del Web » Creando para Internet » CSS »

Link que no se mueva

Estas en el tema de Link que no se mueva en el foro de CSS en Foros del Web. Buenas! Esto siempre me ha pasado, y probando distintas variables del atributo position lo he solucionado pero no entiendo porque pasa. Os explico, tengo un ...
  #1 (permalink)  
Antiguo 17/08/2011, 04:23
Avatar de susito  
Fecha de Ingreso: abril-2006
Mensajes: 8
Antigüedad: 10 años, 9 meses
Puntos: 0
Pregunta Link que no se mueva

Buenas!

Esto siempre me ha pasado, y probando distintas variables del atributo position lo he solucionado pero no entiendo porque pasa. Os explico, tengo un bloque por ejemplo de lo que sea, que muestra contenido y al pie del bloque pongo un link <a> que lleve al contenido completo (como un leer mas). Bien, pues ese "leer mas" me da problemas, pues a distinta resolucion o redimensionando la ventana del navegador se mueve y descoloca de su lugar. Siempre he usado position: absolute o relative, y luego dado top y left para colocarlo donde quiera. ¿Que hago para que no se mueva el texto?

Gracias!
Saludos!
  #2 (permalink)  
Antiguo 17/08/2011, 04:32
Avatar de Batan  
Fecha de Ingreso: septiembre-2010
Ubicación: Madrid
Mensajes: 408
Antigüedad: 6 años, 3 meses
Puntos: 63
Respuesta: Link que no se mueva

Saludos

Si usas el absolute, lo que haces es posicionarlo con referencia al BODY. Si lo haces con relative lo posicionas con referencia al contenedor que tienes. En tal caso posicionar un bloque dentro de un contenedor no es tan dificil.

Código HTML:
Ver original
  1. <div id="contenido">
  2. Tu contenido.
  3. <div id="mas">Leer más</div>
  4. </div>

Luego le pondrias los estilos que quieras.
De todas formas si quieres que te ayudemos pon el HTML de tu bloque y su CSS(no pongas todo el código de tu página).

Saludos
  #3 (permalink)  
Antiguo 17/08/2011, 05:16
Avatar de susito  
Fecha de Ingreso: abril-2006
Mensajes: 8
Antigüedad: 10 años, 9 meses
Puntos: 0
Respuesta: Link que no se mueva

Cita:
Iniciado por Batan Ver Mensaje
Saludos

Si usas el absolute, lo que haces es posicionarlo con referencia al BODY. Si lo haces con relative lo posicionas con referencia al contenedor que tienes. En tal caso posicionar un bloque dentro de un contenedor no es tan dificil.

Código HTML:
Ver original
  1. <div id="contenido">
  2. Tu contenido.
  3. <div id="mas">Leer más</div>
  4. </div>

Luego le pondrias los estilos que quieras.
De todas formas si quieres que te ayudemos pon el HTML de tu bloque y su CSS(no pongas todo el código de tu página).

Saludos
Bueno, lo he resuelto. Me has encendido la bombilla con ese código sencillo que me has puesto. En verdad la página era un CMS y ya sabes como complican estas cosas sencillas, pero gracias a tu código me di cuenta de que el div que contenía el link "leer mas" estaba solo a su bola fuera del div del bloque... jaja, por eso se movía, ahora se mueve acorde al bloque. Muchas gracias ;)

Saludos!

Etiquetas: enlace, fijo, posicionamiento
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:49.