Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 5 de 5

Tema: Al insertar un enlace me salta de línea

  1. #1
    Me va gustando esto... Habitante
    Fecha de Ingreso
    11 dic, 08
    Mensajes
    69
    Poder de Reputación
    19

    Al insertar un enlace me salta de línea

    Tengo un párrafo bien centrado, la página me funciona bien, pero cuando introduzco un enlace a otra página en medio del párrafo me hace un salto de línea rompiendo la continuidad del párrafo. Porque me sucede o como evitarlo? Gracias

  2. #2
    Me va gustando esto... Habitante
    Fecha de Ingreso
    11 dic, 08
    Mensajes
    69
    Poder de Reputación
    19
    Solucionado, el error provenia de:

    a {color: brown ; text-decoration:none ; display: block }

    he cambiado block por inline block.

    Block hace que todo el enlace se comporte como un bloque independiente, con inline block, tb es un bloque pero no se separa de lo que tenga al lado.
    Mas o menos es eso lo que he entendido en:
    http://www.librosweb.es/referencia/css/display.html
    "......Uno de los valores más curiosos de display es inline-block, que crea cajas que son de bloque y en línea de forma simultánea.........."

  3. #3
    Esto empieza a ser un vicio... Habitante Avatar de manmanu
    Fecha de Ingreso
    28 ene, 07
    Mensajes
    1,038
    Poder de Reputación
    26
    Hola MIGUEL2,

    podria ser que has añadido algún signo,letra etc????
    en un espacio muy ajustado.

    Por que en condiciones normales el que insertes un vínculo a parte de un texto dentro de un parrafo, no debería afectarte en nada.
    Mira la posibilidad, del margin,padding, igual el texto a crecido al romperse la instruccion del selector CSS para <a>(posiblemente éste aqui el tema, igual tienes otra medida de texto para <a> que para

    ), y al incluir un <a>(con un texto mayor) en un espacio limitado hace que tenga salto de linea.
    Compara el tamaño de <a> con

    , que sean iguales.


    Ejemplo;
    Código:
    <p align="center">Hola que tal estamos, hacemos el comentario sobre  CCTW  para ver si tenemos un salto de linea</p>

    Pruebalo, aqui no hay salto de linea, por que hay espacio y no se define ningún tamaño de texto para ninguna de la etiquetas, por eso funciona.
    Lo que lleva a la posible conclusión de que estas limitado de sitio, y pudiera ser que el texto a crecido.




    Suerte

    Saludos manmanu

  4. #4
    Esto empieza a ser un vicio... Habitante Avatar de manmanu
    Fecha de Ingreso
    28 ene, 07
    Mensajes
    1,038
    Poder de Reputación
    26
    Hola de nuevo,
    me alegro lo hayas solucionado.
    Parece que estabamos escribiendo el post. en el mismo tiempo.

    He comprobado el comentario que haces, y efectivamente display:block hace un salto de linea a <a>.

    Otra cosa que apuntamos en la base de datos,cada día se aprende algo nuevo.

    Abajo el ejemplo que te he puesto antes,añadiendo display:block;

    Código:
    <p align="center">Hola que tal estamos, hacemos el comentario sobre  CCTW  para ver si tenemos un salto de linea</p>

    Para tenerlo en cuenta.


    Saludos manmanu

  5. #5
    Me va gustando esto... Habitante
    Fecha de Ingreso
    11 dic, 08
    Mensajes
    69
    Poder de Reputación
    19
    Gracias por tu comentario manmanu. Al final he usado otra instrucción, inline. No inline-block. Motivo? tenia texto con imagenes flotando e inline-block hacia que dejar de flotar.

    En resumen he usado block, inline-block e inline.
    Con block al poner un enlace

    <a>lo que sea.html</a>

    me hacía un salto de línea antes y despues;

    inline-block hacia que no saltase de línea pero me rompía el orden en los enlaces consistentes en una imagen a la cual rodeaba un texto

    div id="contienen-derecha">

    [img]lo que sea.jpg[/img]</p>texto


    </div>
    ;

    inline es con el que he conseguido que me funcione toda la página, no me salta de línea y me respeta los párrafos con imágenes insertas dentro de ellos.

Temas Similares

  1. ¿por qué se me pasa el enlace a la línea de abajo?
    Por zaranica en el foro Curso Paso a Paso con Html-Kit.
    Respuestas: 2
    Último Mensaje: 22/05/2011, 08:00
  2. Enlace en la misma linea :S
    Por Torex en el foro Foro General
    Respuestas: 3
    Último Mensaje: 14/06/2008, 16:04

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •