Cascading Style Sheets: Styling Tables, Frames, and Forms

| Monday
If you can't see this email, click here

About.com


Styling Tables, Frames, and Forms
Jennifer Kyrnin
From Jennifer Kyrnin, your Guide to Web Design / HTML
Learn how to use CSS to modify your HTML tables, HTML frames and HTML forms to make them better looking. Cascading style sheets can make your tables, frames and forms easier to use and more effective.
CSS and HTML Tables
Styling HTML tables makes them more usable. The most obvious styles are on the borders of the table and the colors of the cells. But you can also style elements of the thead, tfoot, and tbody. By learning all you can about how to code HTML tables, you can style them better.
td, th {
border: 1px #ccc solid;
background-color: yellow;
}


CSS and HTML Frames
HTML frames are a lot like HTML tables, when you style them, you often style the borders and background-colors. But you should also consider each frame in a frameset as a separate HTML page, and style it accordingly. Also, don't forget to style the noframes page - while most browsers that can't see frames cannot see CSS either, it's a good idea to style them just in case. And if you use the same style sheet as the rest of your site, it won't cause extra work. Why Use Frames vs. CSS

CSS and HTML Forms
Styling forms makes them both more usable and easier to look at. The standard HTML form can be very ugly, but if you get in the habit of using labels, fieldsets, and legends and then styling all the elements, you can create forms that are pretty and people want to fill out.


This email is written by:
Jennifer Kyrnin
Web Design / HTML Guide
Email Me | My Blog | My Forum
 
Missing a lesson? Click here.

About U. is our collection of free online courses designed to help you learn a new skill, solve a problem, get something done, or just learn more about your world. Sign up now, and we will email you lessons on a daily or weekly basis.
You are receiving this email because you subscribed to the About.com 'Cascading Style Sheets' email. If you wish to unsubscribe, please click here.

About respects your privacy: Our Privacy Policy

Contact Information:
249 West 17th Street
New York, NY, 10011

© 2010 About.com
 

Advertisement

0 comments:

Post a Comment