Portada | Monotemáticos | Secciones | Desarrolladores | Comunidad | Servicios | Servicios profesionales | RSS
Desde 0 | HTML | CSS | ASP | PHP | AJAX | Javascript | Promoción de webs | Rentabilidad de webs
Directorio | Manuales | Scripts | FAQs | Programas | Artículos Copyleft | Actualidad | La Cosecha | Colabora
Registrarse | Vuestras páginas | Foros del web | Lista de correo | Boletín de novedades
Generador METAs | Compras | Busca cursos
Alojamiento | Dominios.es | Micropagos SMS | Buscadores | Patentes, marcas | Creación web | Multimedia | Videos
Desarrollo Freelance | Buscar proyectos | Buscar profesionales | Solicitar desarrollo

Formulario con CSS

Tengo un formulario dentro de una capa:
<div class="formulario">
<form action="enviarmensaje.php" method="post">
<fieldset><legend>leyenda</legend>

<table width="70%" align="center">
<tr>
<td width="15%"><label for="nombre">Nombre</label>
<td width="55%"><input type="text" name="nombre" id="nombre" size="30" />
<input type="hidden" name="redirect" value="listo.php" />
<input type="hidden" name="recipient" value="<?php echo $autor->email; ?>" />
.......
</div>


ahora, quiero cambiar el look de los campos input, textarea.
Para eso hago:

fieldset {border:none;}
label {font-weight:bold;}
input, textarea {border:1px solid #6787b8;}

pero yo solo quiero que cambie el aspecto en este formulario, NO en otros lados. (porque me pasa que en el maldito IE, los radiogroup quedan con borde alrededor y queda espantoso)

para eso, lo modifique de esta forma:
.formulario fieldset {border:none;}
.formulario label {font-weight:bold;}
.formulario input, formulario textarea {border:1px solid #6787b8;}

pero no me le da bolilla.. he probado varias sintaxis, pero es lo mismo
Agradezco cualquier sugerencia

La FAQ Formulario con CSS tiene Pertenece a la categoría:


 Respuesta de Viviana A. Guillen  16/8/06 
Vas a tener que darle un nombre particular a los CSS para este formulario, o para los otros input por ejemplo
<input name="Opcion" type="radio" class="ejemploCSS" value="1">

y en el CSS escribes:
input.ejemploCSS {
border:1px solid #6787b8;
}

De esta manera puedes personalizar los distintos input, o para enlaces con a.linkmenu, td.titulo, td.seccion, etc.
En tu ejemplo has generalizado demasiado, y deberías ir a lo mas particular. (cualquier cosa me escribes nuevamente si no me expresé bien).

Complementar la respuestaComplementar la respuesta
Volver al árbol de categoríasVolver al árbol de categorías

 Comentarios sin revisar
Entre los comentarios no revisados puede haber algunos interesantes que se hayan enviado recientemente.
 Se ha encontrado un comentario sin revisar

Ver el comentario no revisadoVer los comentarios no revisados
 
FAQ relacionadas
  + Estilos en barras de desplazamiento
  + Estilos CSS en los botones de formularios y Netscape 4
  + Manuales de CSS
  + Enlaces que cambian al pasar el ratón
  + ¿Cómo puedo cambiar el color de las celdas cuando paso el puntero por encima de ellas?
  + ¿Como puedo cambiar el color de la barra de desplazamiento?.
  + Diferencias de colocar estilos CSS en distintos lugares
  + Cambiar color a los enlaces
  + Quitar subrayado a los enlaces
  + Quiero personalizar los links de mi página para que todos sean distintos los unos de los otros
  + Estilo en los campos de formulario
  + Cambiar el tamaño de letra de un menú select
  + Cambiar el estilo de la primera letra de un párrafo
  + Aplicar estilo a la primera línea de un texto
  + Menú dinámico con CSS
  + Textarea sin borde
  + Clip en un div
  + Efecto sombra en mi página
  + Maquetar un boletín con CSS
  + Caja con CSS
  + Estilo en tablas HTML con CSS
  + Aspecto del cursor con CSS
  + Capas en CSS
  + Qué es Shorthand
  + Maquetar una web con CSS
  + problema al aplicar z-index a elementos select de formulario
  + Maquetar por tablas o por capas
  + Algunos programas para editar CSS
  + Maquetar galería de fotos con CSS
  + Rollover con CSS
  + Botones con estilos
  + ¿Qué Significa CSS?
  + Minúsculas con CSS
  + Hojas de estilo en cascada (CSS)
  + Efecto de sombra con CSS
  + Cambiar tipografía para toda la página
  + Imprimir con CSS
  + Comentarios en CSS
  + Cómo eliminar los márgenes abajo y arriba que tiene un formulario
  + Definir los márgenes de un encabezamiento o título <h1>
  + ...

Para ver más FAQ relacionadas accede a las categorías:

Complementar la respuestaComplementar la respuesta
Volver al árbol de categoríasVolver al árbol de categorías

DesarrolloWeb.com | Copyright | Anunciese | Acerca de | Datos legales | Contacta | Por GuiarteMultimedia