Make Money Online!
Hi, I'm Ben and I own Create a Great Website! I'm currently earning well over $1,500 plus per month online in my spare time, and I want to show you how you can do the same.
Fill out the form below and I'll send you my free guide to create a great website and how you can earn money online just like I do! You won't be disappointed.
Make Money Online!
CSS Tutorials :
CSS Tables
This CSS Tables tutorial will show you how to format the look of an HTML table with CSS.
An HTML talbe can be formatted with CSS and improve the look and layout as has been done in the table below. In this table, the borders, background colors, text colors, table headers, and other table elements are all defined by CSS.
Formatting a table with CSS is also a more efficient use of HTML code and and flexibility, and it will ensure that the look to your tables is consistent throughout your site.
| Team | Manager | League |
|---|---|---|
| Dolphins | Tom Martinsen | Blue West |
| Tigers | Tom Echols | Blue West |
| Dodgers | John Nolte | Red East |
| Reds | Bob Heurlen | White North |
| Giants | Pat Flannigan | Red East |
| Twins | Jack Spidel | Green South |
| Red Sox | Kim Stamper | Green South |
| Cubs | Jim Martin | Blue West |
| Rangers | Lee Rosen | Red East |
| Expos | Dan Cummings | White North |
| Cardinals | Lon Monk | White North |
| Astros | Palle Ibsen | Red East |
Table Borders
Use the border property to specify the table border characteristics. The example below defines a red border for a table, table header (th), and table data (td) elements.
Example
{
border: 1px solid red;
}
In the table above, the cells have double borders. This is because both the table, th, and td elements have separate borders defined in the css.
To display a single border for the table, use the border-collapse property as shown below.
Collapse Borders
The border-collapse property sets whether the table borders are collapsed into a single border or separated as in the example table at the top of the page.
Example
border-collapse:colapse;
}
table,th,td
{
border:1px solid red;
}
Table Width and Height
The width and height of a table is specified by the width and height properties.
The example below sets the width of the table to 95% and the height of the th elements to 35px. This results in a table that is 95% of the width of the available space and 35 pixes high.
Example
{
width:95%
}th
{
height:35px;
}
Table Text Alignment
The text in a table is aligned with the text-align and vertical-align properties.
The text-aligh property sets the horizontal alignment. Ue left, right, or center:
Example
{
text-align:right;
}
Use the vertical-align property to set the vertical alignment. Use top, bottom, or middle.
Example
{
height:35px;
vertical-align:middle;
}
Table Padding
Table padding controls the space between the border and content in a table. Use the padding property on the td and th elements.
Example
{
padding:15px;
}
Table Color
The example below specifies the color of the borders, and the text and background color of th elements:
Example
{
border:3px solid red;
}
th
{
background-color:khaki;
color:white;
}
Find this website useful?
It will appear on your page as: CSS Tables
Share this Webpage
More Create a Great Website Articles
| Build a Website | Create a Great Website! Build a Website is an online website tutorial and guide for showing anyone how to create a web site that draws significant traffic. The site also explains how to make money from your website. |
| Keyword | Create a Great Website! Create a Website is an online website tutorial and guide for showing anyone how to create a web site draw significant traffic. The site also explains how to make money from your website. |
| Website Host | Create a Great Website! Website host - Getting Space on the Web. This tutorial will teach you what you need to know about selecting a Website host. |
| Infolinks In-Text Advertising | Create a Great Website! This article explains how website publishers and bloggers can make money from their websites by using Infolinks In-text advertising links. |
| Website Niche | Create a Great Website! Choosing your website niche is one of the most important decisions you'll make and it will have a huge impact on your ability to make money with your website. |
| Online Courses Online courses from Create-a-great-website! |
| Create a Great Website Blog Create a Great Website Blog |
| E-Commerce Website | Create a Great Website! Information and resource for creating an e-commerce website. |
| Web Design | Create a Great Website! Tutorials and tips and resources for web design. |
| Domain Names | Create a Great Website! Domain Names - What you need to now about website domain names, choosing one, parking a domain, registering a domain name. |
| Planning a Website | Create a Great Website! An overview of everything you'll need to know in planning a website. |
| Create a Great Website Blog The Create a Website Blog - listing of recent articles published on Create a Great Website. |
| CSS Tutorial | Create a Great Website! An introduction to CSS tutorial. |
| Dreamweaver CS4 Tutorial | Create a Great Website! This Dreamweaver CS4 Tutorial covers everythong you need to know about creating a website with Dreamweaver. |
| WordPress as a Website | Create a Great Website! What you need to know about using WordPress as a website. |
| Affiliate Marketing | Create a Great Website! Affiliate marketing is a great way to make money online. This article provides tips on how to do it. |
| Site Built-It! for Making Money Online | Create a Great Website! Why I chose Site Build It! for Making Money Online. |
| Ebooks, Tutorials, and E-Googs | Create a Great Website! Learn how you can make money with your own Ebooks and E-goods. |
| Search Engine Optimization | Create a Great Website! What you need to know about search engine optimization and why it's so important for your website success. |
| How to Make a Website | Create a Great Website! The basic steps for how to make a website. Making your own website can be fun and profitable activity. Let the information tutorials and resources on Create a Great Website show you how. |
| XHTML Tutorial | Create a Great Website! XHTML Tutorial from Create a Great Website. Learn about XHTML tags and how to use them in your web pages. |
| Dreamweaver CS5 Tutorial | Create a Great Website! This Dreamweaver CS5 Tutorial covers everything you need to know about creating a website with Dreamweaver CS5. |
| Web Tutorials Create a Great Website! Web tutorials for beginners through experts for creating a website. Includes topics on Dremweaver, CSS, and others. |
| Buy Dreamweaver CS5 | Create a Great Website! Buy Dreamweaver CS5: Here are several retail outlets and online vendors where you can Dreamweaver CS5. |
| Link Building | Create a Great Website! What you need to know about link building for your website and strategies to build more links to your website. |
| Small Business Website - Getting Started | Create a Great Website! Everything you need to know about setting up a small business website. |
| Contact Us | Create a Great Website! Contact Us. |
This site proudly build with Site Build It!
