Customizing input boxes

Spice up Your Input Boxes
Customize your input boxes by adding a simple bit of style code to your input box tag. Change its boarder look, weight and colour. A nice change to the standard look.

---

Customize Your Textarea Boxes
Spice up your TEXTAREA boxes, using nothing but STYLE tags to give a totally new and flashy look to TEXTAREA boxes.

---

So You Want Fancy Drop Boxes, Huh?
This short tutorial is just such an example. Give simple drop boxes a fancy look.

---

Horizontal Menus That Grow on You
We're going to create a horizontal row of boxes containing link text. When we move the mouse over one of these boxes, it's going to get taller and the text larger and bold. I'll link to a finished example at the end of the tutorial.

---

Change the color of an active input box
This tutoril will show how to change the color of an input box or textarea when they are active. This is very simple and is done using CSS.

---

Advanced Lists
In this tutorial I am going to show you how to customize near enough everything about your lists. This is not as hard as it may sound, the hardest thing is deciding when to stop customizing!

---

Image in Input fields for form
You can spice up a login form with images inside the input fields. Include icons inside the login form and show what is supposed to be inside the fields.

---

Basic CSS Beginners
Using CSS, you can change the appearance of all of you pages by editing only one document! No more <font> tags everywhere! You can even define the position of boxes. (divs and spans) Learn the 3 ways that you can use stylesheets to change the appearance of elements.

---

Styling Form Elements
How to style form elements in the way that you want them. Adding classes to each input field gives your contact form a new look with CSS.

---

Table-less Forms
How to make a form with out using tables. If your a CSS freak like me you might have your own way of creating table-less structures, one of my favorites is creating table-less forms. In my example, I created a contact form which you will notice the name text floats to the left and the input field floats to the right.

---

Block, Inline and Floating Elements
A collection of 21 FAQs/tutorials tips on HTML formatting models. Clear answers are provided with tutorial exercises on block and inline elements, specifying padding spaces and margins, specifying border width and color, transparent and non-transparent backgrounds, positioning background images, line boxes and text paragraphs, setting line height.

---

CSS box with rounded corners with FlexiPanels
I think in 99% of the cases, if you are a Dreamweaver user and deal with design implementations work starts by getting the layout from the designer and you are supposed to make the site code that replicates exactly the layout. And designers can be picky! Nowadays you are supposed to create table-free code using DIVs and CSS, which can be a headache sometimes, especially if the designer threw in some rounded corner boxes and containers.

---