Cleaning up a form's appearance


show more Cleaning up a form's appearance provides you with in-depth training on Web. Taught by Zoe Gillenwater as part of the Web Accessibility Principles show less
please wait ...

Cleaning up a form's appearance

>> If you're following along with the exercise files, open departments.html in Dreamweaver from the 08_05 folder of the exercise files. This is the same page we worked on in the previous movie, but all of the remaining tables have been removed and all of the labeled field pairs are now in ordered lists. With all the HTML pieces that the form set, we can now begin styling our form with CSS. We'll start by formatting the field sets and legends. Click on the new CSS rule button at the bottom of the CSS styles panel.

In the new CSS rule dialogue box, choose tag as the selector type. In the Tag menu, choose field set. Keep define in styles.css selected. Click okay. For the field set, we simply want to work on its margin and padding properties in order to iron out inconsistencies between the browsers, so click on the box category. Leave the same for all box checked under padding and enter 0 in the top field. Under margin, uncheck the same for all box.

Enter 0 in the top, right and left field...

Cleaning up a form's appearance
Video duration: 4m 53s 6h 9m Appropriate for all

Viewers:

Cleaning up a form's appearance provides you with in-depth training on Web. Taught by Zoe Gillenwater as part of the Web Accessibility Principles

Subject:
Web
Author:
please wait ...