Table Generators & Tips

by Don Von Alpha Dom · 3 posts
12 years ago in HTML & CSS

Posted 12 years ago · Author

Having trouble making HTML Tables? Well, most people think tables are obsolete, but I think that they still have their uses, especially when displaying data.

Use a generator to create your table: http://www.quackit.com/html/html_table_generator.cfm
Then you can use this CSS generator to style your table: http://www.spectrum-research.com/V2/gen ... eframe.asp

Just remove the crap at the end of the code that it gives you:

Code

<p style="font-family:verdana,arial,sans-serif;font-size:10px;"><a href="http://www.quackit.com/html/html_table_tutorial.cfm" target="_top">HTML Tables</a></p>

Tip: Remember, you can combine cells by adding colspan and rowspan attributes to the tr tags.
Also, you can add a tittle to the table by nesting a th tag inside of the table.

Good reference pages on tables:
http://www.w3schools.com/html/html_tables.asp
http://www.w3schools.com/css/css_table.asp
http://designshack.net/articles/10-css-table-examples/

Tip: You can add rounded corners in all browsers with the following bit of CSS:

Code

table { 
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-top-right-radius: 20px;
   border-top-left-radius: 20px;
   border-bottom-right-radius: 20px;
   border-bottom-left-radius: 20px;
}

Posted 12 years ago

this is really helpful thanks!

Posted 12 years ago

hanks don sir really helpfull

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign in

Already have an account? Sign in here

Create an account

Sign up for a new account in our community. It's easy!

Return to HTML & CSS