Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   CSS (http://www.forosdelweb.com/f53/)
-   -   Boton por defecto de enviar (http://www.forosdelweb.com/f53/boton-por-defecto-enviar-414910/)

imnotinsane 05/08/2006 17:14

Boton por defecto de enviar
 
Hola, resulta que pongo un botón de formulario y no me sale el por defecto, sino un simple cuadrado con fondo. Supongo q sera por que está dentro de unas divs que tienen una clase definida, en ese caso, como vuelvo a poner los valores por defecto solo para ese boton ??

webosiris 05/08/2006 17:21

lo más fácil es lo contrario, dejar por defecto todo salvo que quieras aplicarle un estilo diferente.. sobre todo porque lo que es "por defecto" varía según cada navegador.

podrías incluir parte de tu css para ver que es lo que tendrías que modificar para que no te "agarre" el botón.

Nigel 06/08/2006 07:23

probablemente se deba a que has incluido en CSS un selector del estilo "input{ .... }" el cual modifica todas las etiquetas de tipo <input> entre las que se encuentran los botones

imnotinsane 06/08/2006 10:28

este es el código,
Código:

        <div style="float:left; width:500px ">
                <ul><li style="padding-top:30px;"><img src="imagenes/titulos/contactar.gif" width="207" height="15" alt="" /></li>
                        <li style="padding-top:20px; padding-right:223px;">Nombre:</li>
                        <li style="margin-right:70px;"><input style="border:1px solid #CCCCCC;" name="nombre" type="text" size="77"></li>       
                        <li style="padding-top:15px;">Correo electr&oacute;nico:</li>       
                        <li style="margin-right:70px;"><input style="border:1px solid #CCCCCC;" name="email" type="text" size="77"></li>
                        <li style="padding-top:15px;">Asunto:</li>       
                        <li style="margin-right:70px;"><input name="asunto" type="text" id="asunto" style="border:1px solid #CCCCCC;" size="77"></li>
                        <li style="padding-top:15px;">Mensaje:</li>       
                        <li style="margin-right:70px;"><textarea name="mensaje" cols="58" rows="10" id="mensaje" style="border:1px solid #CCCCCC;"></textarea></li>
                        <li style="padding-top:15px;"><input name="enviar" type="submit" value="Enviar"></li>
                </ul>

        </div>


entonces si modifico los estilos de las cajas de texto, ahora como pongo el boton por defecto¿

Nigel 06/08/2006 13:36

He probado tu ejemplo y el botón aparece normal...

Mira que no estén redefinidos los "input" en una hoja de estilos.
Si sólo quieres modificar los campos de texto, tienes que asignarles una clase, tal que así:

en tu CSS:
.CampoTexto{
border: 1px solid #CCC;
}

en el HTML:
<input type="text" class="CampoTexto" ..... />

imnotinsane 06/08/2006 14:51

pues he probado a poner el boton fuera de todo y sigue igual!, y en la hoja de estilos no hay nada redefiniendo a los input...

Nigel 07/08/2006 08:02

Pues mira si ya es raro xD. No sé, como no nos muestres el código completo, tanto del HTML como de las CSS, para ver donde está el errror...


La zona horaria es GMT -6. Ahora son las 06:23.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.