Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Salto de línea al poner un enlace ¿Por qué?

Estas en el tema de Salto de línea al poner un enlace ¿Por qué? en el foro de CSS en Foros del Web. Buenas, tengo un formulario y al final quiero poner la típica frase de "He leído y acepto las condiciones" El problema es que al poner ...
  #1 (permalink)  
Antiguo 19/12/2013, 05:28
 
Fecha de Ingreso: octubre-2012
Mensajes: 27
Antigüedad: 11 años, 6 meses
Puntos: 0
Salto de línea al poner un enlace ¿Por qué?

Buenas, tengo un formulario y al final quiero poner la típica frase de "He leído y acepto las condiciones"

El problema es que al poner un enlace en las condiciones, se produce un salto de línea, y no entiendo el motivo.

Os dejo la imagen el código y la imagen

Código:
<input name="legal" type="checkbox" >
He leído y acepto las <a href="lopd.html">condiciones de uso</a>



Y si lo cierro con <p></p> la cosa no cambia mucho.

Código:
<input name="legal" type="checkbox" >
<p>He leído y acepto las <a href="lopd.html">condiciones de uso</a></p>




Pero si quito el enlace, ningún problema.

Código:
<input name="legal" type="checkbox" >
<p>He leído y acepto las condiciones de uso</p>



¿Por qué? ¿Qué puedo hacer para solucionarlo?

Gracias!
  #2 (permalink)  
Antiguo 19/12/2013, 07:13
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: Salto de línea al poner un enlace ¿Por qué?

Será una cuestión de CSS. Mira a ver qué estilos se están aplicando al enlace (inspeccionar elemento), tal vez tenga algún limite en cuanto a su ancho.
  #3 (permalink)  
Antiguo 19/12/2013, 14:13
 
Fecha de Ingreso: octubre-2012
Mensajes: 27
Antigüedad: 11 años, 6 meses
Puntos: 0
Respuesta: Salto de línea al poner un enlace ¿Por qué?

Hola pzin, gracias por responder, pero no, no puede ser por un límite del ancho. Las razón es que lo he revisado a conciencia y hay ancho y alto suficientes. De hecho, si te fijas, el último ejemplo que pongo demuestra que no es problema del ancho, y por eso mismo lo puse, para evitar que alguien dudase de ello. Si no hubiera espacio suficiente, en la última imagen también habría un salto de línea en la frase, y no lo hay.

Lo único que ha cambiado es que no hay link, eso es lo raro.
  #4 (permalink)  
Antiguo 19/12/2013, 15:46
 
Fecha de Ingreso: mayo-2013
Mensajes: 207
Antigüedad: 11 años
Puntos: 31
Respuesta: Salto de línea al poner un enlace ¿Por qué?

¿Algo del CSS relacionado con el enlace?

A mi en firefox, sólo con el html, todo el texto (con enlace) aparece en una línea pero debajo del input.
Si en lugar de usar un parrafo, uso label se me muestra bien, sin añadir ningún estilo.
Código HTML:
Ver original
  1. <input name="legal" type="checkbox" >
  2. <label>He leído y acepto las <a href="lopd.html">condiciones de uso</a>.</label>
  #5 (permalink)  
Antiguo 19/12/2013, 16:09
 
Fecha de Ingreso: octubre-2012
Mensajes: 27
Antigüedad: 11 años, 6 meses
Puntos: 0
Respuesta: Salto de línea al poner un enlace ¿Por qué?

Solucionado. En el CSS tenía a {display:block;} y al cambiarlo por display:inline ya no se produce el salto de línea. Ahora lo veo lógico, claro, pero esta tarde no lo vi.

Etiquetas: enlace, formulario, href, html, salto
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 12:56.