Form Styles | Dreamweaver

Need a Website? Contact Us Now!

This entry is part 18 of 20 in the series Dreamweaver CS5 Tutorial

We can make the form look more presentable by defining form styles in Dreamweaver.

We can give a style to the <label> tag. To do this:

Create a style for the label tag
Click ‘Box’ and enter:

Width : 150 px

Float: Left

Click OK

The form looks better now:

Let’s push the submit button to align with the form fields. To do this:

Create a new CSS style
Select Class and name it ‘.btn’
Box > Left: 150 px
Select the button on the web page and select ‘btn’ from the drop down next to Class in the Properties panel.
The button moves to the right and aligns nicely with the other fields:

To program the form to be sent to specific email addresses when filled, you will need to install a php or asp form script and point the form to it in the action field of the Properties panel.