Publicar código sin recurrir a <p>

[pisosmosby]

Muy buenas. Antes de nada, muchas gracias por vuestra ayuda.

Estoy editando un formulario, y para que me funcione (además de los campos) me veo obligado a añadir el siguiente código en el mismo:

<p style="visibility:hidden;">[file upload]</p>

Por consiguiente, me aparece un espacio no deseado haciendo la caja del formulario más grande.

Me preguntaba si existe alguna forma de conseguir meter ese código sin tener que recurrir a <p>.

Muchas gracias por vuestro tiempo.

[PHPeros]

Que te parece un: <input type="hidden" value="..." />

[fegm_4]

No se exactamente si te puede servir, pero puedes usar un span. Serial <span style="visibility:hidden;">[file upload]</span>

[PHPeros]

¿Enserio que lo querías para eso? Pues no pongas el visibility porque despista...
Si estás enamorado de las etiquetas <p> y jamás quieres separarte de ellas usa este CSS

Código CSS:

p.nowrap{
display: inline-block;
}
 

Añadiendo a los objetos clave la clase nowrap.

Saludos

[pisosmosby]

Muchas gracias por vuestras respuestas:

He intentado:
- <input type="hidden" value="..." />
- <span style="visibility:hidden;">[file upload]</span>

Y o bien sigue generando el espacio mencionado, o el código no cumple su función...

En relación a tu segunda respuesta PHPeros, no trato de generar este efecto en todos los <p>.

Simplemente busco un código que consiga el mismo resultado sin generar un espacio...

[pzin]

Pues deberías de mirar cómo quitar el espacio en lugar de usar otro elemento.

¿Has probado a quitar los márgenes por ejemplo?

Código CSS:

p {
  margin: 0;
}
 

[pisosmosby]

Si, y nada. Aparte, me distorsiona el resto del contenido.

[pzin]

Pero, ¿sabes qué es lo que hace ese párrafo? A mi me parece que es algo para sustituir la carga normal de imágenes, del formulario quiero decir.

Intenta primero ver para qué sirve y qué otros estilos tiene aplicado, y luego seguro que puedes resolverlo. Incluso quítale esa propiedad de visibility y así lo ves mejor, ya que con eso, el elemento se oculta pero sigue ocupando su sitio en el HTML.

[ArturoGallegos]

creo que has dado en el clavo pzin aunque no creo que terminemos de captar la razon de ser...

por el hecho de aplicar visibility hidden la logica me dice que no deseas ese elemento se muestre sin embargo siga siendo funcional, el texto file implica que es un campo para subir un archivo asi que lo que va contigo seria mas bien complementarlo con position absolute para sacarlo del flujo y por ende no genere ningun espacio.

generalmente suele utilizarce opacity para que el elemento no se muestre pero siga siendo cliclable que asumo es lo que intentas emular con algun otro invento.

ñ.ñ espero no haberme alucinado tanto que ya hasta veo elefantes azules jejeje

[pisosmosby]

Muchísimas gracias a todos!!

Funcionó esto: <p style="visibility:hidden; position:absolute;">[file upload]</p>

Esta comunidad es increíble.

[ArturoGallegos]

aleluya al niño elefante, santificada sea su gloria!!!!

ñ.ñ jeje que bueno que haya servido, procura ser claro con tus consultas y obtendras buenas respuestas... esta consulta creo que fue algo confusa pero que bien que llegaste a buen termino.

[AndresBellado]

¿Has utilizado DIVS en combinación con CSS? O directamente CSS manejando las cajas de los formularios.