 |
 |
| Home | Eastwood | Wayne | Bonanza | Rifleman | Gunsmoke | Wyatt Earp | Maverick |
An Introduction to Styling CSS TablesThis page is an introduction to a web site that I built using Tables styled with CSS.. The above links will take you to "The Cowboy's" website which is entirely constructed using tables styled with an external style sheet. Working with Tables and CSS while using Expression Web is quite a bit different than the old Front Page 3 and earlier so I decided to see what it would take to create a web site in EW using strictly tables and then using CSS to style those tables. I also wanted it to conform to the XHTML 1.0 Strict standards and be compatible in the major browsers.
|
No Div's........Just TablesThis is an entirely new concept for me. Instead of setting up Div's for the Header, Navigation, Content and Footer; I used a table for those 4 Categories. As you create these new tables, EW will also be creating new .styles for each table as you go along. You need to rename these styles to reflect where they are applied because EW just gives them a number. Once you have done that, you can right click on the newly created style and Modify it to your liking in the "Modify Styles Category List." You will also need to create an external CSS page and create a link to that page. I used a DWT so that the header, navigation, and footer would remain constant on each page of the web. Your tables and cells can be created in much the same manner
they were in Front Page, however, there are certain things you
do not want to do when you use the tables in combination with
CSS as they will produce compatibility errors. For instance, if
you use the tables properties page to center the table, it will
create the tag <table align="center"> . This tag is not
permitted when using XHTML 1.0 Strict. This must be done by
creating a Style for the table and then using CSS to center the
table.
|
|
| Copyright May 2011 GK "Scotty" Walker |
 |