Formato de Formularios con CSS

Par dar formato a un formulario por medio de CSS, haz click en el botón “Nueva Regla CSS”.
Si aún no sabes donde está, empieza con la lección 1.

Este abre un diálogo de “Nueva Regla CSS”.
Escojo el tipo “Clase”, doy un nombre a la regla y Dreamweaver puede definirla como a un estilo existente “mystyle.css”.
Haz click en el botón “Aceptar”.

En “Definición de regla para …”, puedes cambiarlo a lo que quieras.
En este ejemplo cambio la fuente y el tamaño de fuente en la categoría “Tipo”, el color de fondo en “Fondo”. Y en la categoría “Borde”, cambio el estilo, ancho y color.
No es un a fuerza, pero puedes hacer lo que quieras.
Haz click en el botón Aceptar cuando termines.

Porque tenemos escogido en el tipo de selector “Clase” necesitamos ahora aplicarles a cada campo de nuestro formulario.
Primero selecciona el campo en el formulario.
Haz click en la flecha que apunta hacia abajo a una lado de la caja “Clase” en la ventana de propiedades y seleccionar “campo de texto” en el menu desplegable. Esto es por la línea que acabamos de crear.
Repite para cada campo.

El resultado en el Navegador:

Por favor, nota que no todos los navegadores desplegarán el formulario con el mismo diseño.
Pero porque el 95% siguen surfeando con el Navegador de Bill cuando dejas una cuenta con el Internet Explorer, pero aún sigues teniendo un largo camino para ir en la dirección correcta.

Para diseñadores profesionales, esto es obvio pero no suficiente, ellos deberían asegurarse que su diseño luce bien en cualquier navegador.

Cursos

• Downloading iPad Apps
• Lesson 1: Introduction to Publisher
• Lesson 65: File Formats