Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje08-09-2012, 16:45 (UTC)    
Título del mensaje: Eliminar scroll y borde de campo de texto

Hola hoy les traigo un codigo para eliminar scroll y borde de campo de texto:

Código:
/* Codigo aportado por Mexcodes.es.tl */
<style type="text/css">
 .nobord { border-style: solid; border-width: 0; padding: 0 }
 </style>
 <textarea class="nobord" rows="4" cols="8">
 Este es el texto de adentro del campo del formulario sin borde
 </textarea>
 <p>
 <input class="nobord" type="text" size="60" value="Este seria el texto sin borde ni scrolls dentro de un campo de formulario">



Saludos

------
¿El codigo no funciona? Por favor de aviso a algun moderador haciendo click aqui


Ultima edición por mexcodes el Mie Dic 05, 2012 10:01 pm; editado 2 veces
Mensaje24-09-2012, 06:06 (UTC)    
Título del mensaje: Re: [CSS]Eliminar scroll y borde de campo de texto

Muy buen codigo!

Pero podrias darle mas detalles al post, por ejemplo:
Cita:
<style type="text/css">
.nobord { border-style: solid; border-width: 0; padding: 0 }
</style>

Esto es el CSS, en la forma que lo pones tiene que ser puesto en por encima de la pagina que lo encontramos en Editar diseño.

Entre este, ofreces el HTML:
Cita:
<textarea class="nobord" rows="4" cols="8">
Este es el texto de adentro del campo del formulario sin borde
</textarea>
<p>
<input class="nobord" type="text" size="60" value="Este seria el texto sin borde ni scrolls dentro de un campo de formulario">


Este puede ser puesto en cualquier lugar de la pagina, editor html, etc.

Saludos!
______________
Código eliminado por Design-PWG.
Mensaje08-10-2012, 05:03 (UTC)    
Título del mensaje:

Código:
 border-style: solid;


Se puede omitir, es logico no?, si le vas a quitar el borde para que definirle el tipo de borde...


al igual que

Código:
 padding: 0


Para definirlo en 0, no lo pongas ^^


y por cierto cuando tienes una etiqueta

Código:
<style></style>


No hay necesidad de ponerlo por encima de la pagina, solamente copia lo que este dentro y lo pones en "Css code sin style tags" (si no son todos, la mayoria de los diseños trae esta pestaña en "editar diseño")
______________
Mi web - Todo tipo de ayuda para PWG
Mi perfil


Ultima edición por lautiito el Lun Oct 08, 2012 1:11 am; editado 3 veces
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group