Foros del web, para los que viven de bits

imnotinsane · 05-ago-2006, 17:14

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-ago-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-ago-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-ago-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-ago-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-ago-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-ago-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...

05-ago-2006, 17:14	#1 (permalink)
imnotinsane Fecha de Ingreso: mayo-2006 Mensajes: 64	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 ??

05-ago-2006, 17:21	#2 (permalink)
webosiris Moderador HTML y CSS Fecha de Ingreso: noviembre-2002 Ubicación: /home/montevideo Mensajes: 6.211	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. __________________ Oraculus.com. Sitios web artesanales para el siglo XXI PSD a HTML. Tu diseño. Nuestro código.

06-ago-2006, 14:51	#6 (permalink)
imnotinsane Fecha de Ingreso: mayo-2006 Mensajes: 64	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... __________________ webplan - Diseño y desarrollo de páginas webs. Desde Andalucía - España

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado

06-ago-2006, 07:23	#3 (permalink)
Nigel Fecha de Ingreso: agosto-2006 Ubicación: Madrid Mensajes: 95	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

06-ago-2006, 13:36	#5 (permalink)
Nigel Fecha de Ingreso: agosto-2006 Ubicación: Madrid Mensajes: 95	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" ..... />

07-ago-2006, 08:02	#7 (permalink)
Nigel Fecha de Ingreso: agosto-2006 Ubicación: Madrid Mensajes: 95	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...