Programming Forums > Web Development and Design > HTML / XHTML / CSS

Sane · Dec 16th, 2005, 2:41 PM

I'm assuming this is CSS. How would I add something to the top of an html file to make it so any table I make automatically has a certain design/properties to it?

Agent 47 · Dec 16th, 2005, 2:51 PM

What are you using the tables for?

(Toggle Plain Text)

<style type="text/css">
table
{
   width:100px;
   ...
}
</style>

Put that in the <head>.

Sane · Dec 16th, 2005, 8:06 PM

I'm using it for a statistic display site.

It seems to work well. What are some other paramaters I can use in there?

Agent 47 · Dec 16th, 2005, 10:50 PM

Pretty much anything. Or don't you know any CSS?

Dameon · Dec 16th, 2005, 10:59 PM

W3Schools helped me out a lot for initial learning. The reference isn't bad, but doesn't go into enough detail.

http://www.w3schools.com/css/

coldDeath · Dec 17th, 2005, 2:45 AM

http://www.w3schools.com/css/css_reference.asp <--- a reference

Sane · Dec 17th, 2005, 12:09 PM

I know absolutely no CSS or any website language for that matter (except HTML forms and simple output). Thanks for the reference links.

DaWei · Dec 17th, 2005, 1:56 PM

Indeed, Google is your friend, but rarely visits uninvited.

titaniumdecoy · Dec 17th, 2005, 2:18 PM

For cell padding, you can use:

(Toggle Plain Text)

td {
    padding: Xpx;
    border: inset Xpx;
}

For spacing between cells, you can use:

(Toggle Plain Text)

table {
    border-collapse: separate;
    border-spacing: 10px;
    border: outset Xpx;
}

The border: properties are optional but will help achieve a more table-like look. Remember to replace Xpx with a number, for example 2px.

Another way to do this, if you want the space between cells to have a color:

(Toggle Plain Text)

table {
    border-collapse: collapse;
}
td {
    border: solid 5px yellow;
}

This will create a table with yellow lines between the cells.

Also, remember that the cellspacing and cellpadding table attributes are not deprecated even in XHTML 1.1.

You'll find this page very useful. It has everything you'll ever want to know about tables and CSS.

Dec 16th, 2005, 2:41 PM	#1
Sane Banned Join Date: Apr 2005 Location: Waterloo, Ontario Posts: 2,101 Rep Power: 6	Automatic Table Templates? I'm assuming this is CSS. How would I add something to the top of an html file to make it so any table I make automatically has a certain design/properties to it?

Dec 16th, 2005, 2:51 PM	#2
Agent 47 Hobbyist Programmer Join Date: Nov 2005 Posts: 122 Rep Power: 4	What are you using the tables for? (Toggle Plain Text) <style type="text/css"> table { width:100px; ... } </style> <style type="text/css"> table { width:100px; ... } </style> Put that in the <head>. __________________ "I'm going to become rich and famous when I invent a device that allows you to stab people in the face over the internet"

Dec 16th, 2005, 10:50 PM	#4
Agent 47 Hobbyist Programmer Join Date: Nov 2005 Posts: 122 Rep Power: 4	Pretty much anything. Or don't you know any CSS? __________________ "I'm going to become rich and famous when I invent a device that allows you to stab people in the face over the internet"

Dec 16th, 2005, 10:59 PM	#5
Dameon Troll Join Date: Apr 2005 Location: Texas Posts: 732 Rep Power: 4	W3Schools helped me out a lot for initial learning. The reference isn't bad, but doesn't go into enough detail. http://www.w3schools.com/css/ __________________ MD5(sig) = bcef75433db02e9ad9bf81d6f7c5c270

Dec 17th, 2005, 2:45 AM	#6
coldDeath Expert Programmer Join Date: Aug 2005 Location: UK Posts: 862 Rep Power: 4	http://www.w3schools.com/css/css_reference.asp <--- a reference __________________ Programming Tutorials - Linux Installation Guide - Learn Python - Learn C++ Got Slack? Join us at #programmingforums @ irc.freenode.net! My software never has bugs. It just develops random features.

Dec 16th, 2005, 8:06 PM	#3
Sane Banned Join Date: Apr 2005 Location: Waterloo, Ontario Posts: 2,101 Rep Power: 6	I'm using it for a statistic display site. It seems to work well. What are some other paramaters I can use in there?

Dec 17th, 2005, 12:09 PM	#7
Sane Banned Join Date: Apr 2005 Location: Waterloo, Ontario Posts: 2,101 Rep Power: 6	I know absolutely no CSS or any website language for that matter (except HTML forms and simple output). Thanks for the reference links.

Dec 17th, 2005, 1:56 PM	#8
DaWei Resident Grouch Join Date: Jun 2005 Posts: 6,453 Rep Power: 10	Indeed, Google is your friend, but rarely visits uninvited. __________________ Abstraction doesn't make it impossible to write bad code; it makes it possible to write superior code. Contributor's Corner: Grumpy on C++ Exceptions DaWei on Pointers

Dec 17th, 2005, 2:18 PM	#9
titaniumdecoy Expert Programmer Join Date: Nov 2005 Posts: 936 Rep Power: 4	For cell padding, you can use: (Toggle Plain Text) td { padding: Xpx; border: inset Xpx; } td { padding: Xpx; border: inset Xpx; } For spacing between cells, you can use: (Toggle Plain Text) table { border-collapse: separate; border-spacing: 10px; border: outset Xpx; } table { border-collapse: separate; border-spacing: 10px; border: outset Xpx; } The border: properties are optional but will help achieve a more table-like look. Remember to replace Xpx with a number, for example 2px. Another way to do this, if you want the space between cells to have a color: (Toggle Plain Text) table { border-collapse: collapse; } td { border: solid 5px yellow; } table { border-collapse: collapse; } td { border: solid 5px yellow; } This will create a table with yellow lines between the cells. Also, remember that the cellspacing and cellpadding table attributes are not deprecated even in XHTML 1.1. You'll find this page very useful. It has everything you'll ever want to know about tables and CSS.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Programming Forums > Web Development and Design > HTML / XHTML / CSS

Automatic Table Templates?