HTML Tables

Subject: HTML Practice Thread....again
From: Joe Offer
Date: 24 Feb 01 - 07:10 PM

Instrument Related Information

AMERICAN BANJO MAKERS Civil War to WWII	A listing of makers from the Civil War to WWII with dates of manufacture......MK
http://www.mugwumps.com/banjomak.htm#F
Ancestral Instruments	http://www.ancestral.co.uk/bagpipes.htm
Reeds and strings from the Romans to the Renaissance. Great photos and sound files. David Marshall has been quite cordial via e-mail. Where else can you find a bagged shawm fitted with a pig's bladder? Well worth a visit…. Dave Swan
Andrew's Musician's Resources	http://www.geocities.com/SunsetStrip/Club/1484/musicians.htm
I ran across this OUTSTANDING series of Instrument and Gear Links while looking for something obscure. Boatloads of links for guitars, amps, gear....whatever. Lots of work went into this site its obvious. If you're looking for a URL for something, check in here first!!! Great site!....Spaw
Antique Vintage Guitar Collecting	http://www.provide.net/~cfh/
Everything you ever wanted to know about vintage Martin, Gibson and many more.......MK
Banjo Newsletter	http://www.banjonews.com/	The Devil made me do it, Max!!
This image is from Mudcat, so it's OK to embed it

---

What is set by "cellpadding" and "colspan"??

Subject: RE: HTML Practice Thread....again
From: Joe Offer
Date: 24 Feb 01 - 07:39 PM

OK, so what sets the width of the columns?
-Joe Offer-

Subject: RE: HTML Practice Thread....again
From: katlaughing
Date: 24 Feb 01 - 07:48 PM

Instrument Related Links

AMERICAN BANJO MAKERS Civil War to WWII	http://www.mugwumps.com/banjomak.htm#F	A listing of makers from the Civil War to WWII with dates of manufacture......MK
Ancestral Instruments	http://www.ancestral.co.uk/bagpipes.htm	Reeds and strings from the Romans to the Renaissance. Great photos and sound files. David Marshall has been quite cordial via e-mail. Where else can you find a bagged shawm fitted with a pig's bladder? Well worth a visit…. Dave Swan
Andrew's Musician's Resources	http://www.geocities.com/SunsetStrip/Club/1484/musicians.htm	I ran across this OUTSTANDING series of Instrument and Gear Links while looking for something obscure. Boatloads of links for guitars, amps, gear....whatever. Lots of work went into this site its obvious. If you're looking for a URL for something, check in here first!!! Great site!....Spaw
Antique Vintage Guitar Collecting	http://www.provide.net/~cfh/	Everything you ever wanted to know about vintage Martin, Gibson and many more.......MK
Banjo Newsletter	http://www.banjonews.com/

Subject: RE: HTML Practice Thread....again
From: Joe Offer
Date: 24 Feb 01 - 07:57 PM

Well, that controls the width of the table, Kat - but why are the three columns different sizes - what controls that??
-Joe-

Subject: RE: HTML Practice Thread....again
From: katlaughing
Date: 24 Feb 01 - 08:00 PM

Sorry, Joe, I cannot see any difference in anything. Was just playing around with the values you had entered.

So the tables are the actual boxes and the columns are what? the actual space the text occupies? Sorry, I am on a learning curve, here:-)

Subject: HTML - tables
From: Joe Offer
Date: 24 Feb 01 - 08:20 PM

Well, Kat, this is what I know so far about creating tables:

• Start with the <table> command (which can have specifications for width and background color and border and such)
• Then you start a new row (sideways)with <tr>
• Within that row, you have distinct cells, each one beginning with <td> and ending with </td>
• You end the row with </tr> and begin another with <tr>, and the next row apparently does not have to have the same number of cells as the first.
• When you're done, you end with </tr> and </table>

But what about the "colspan" specification, and "cellpadding"? What other commands can be used to customize tables? Jon, where are you?
Jeri?
Jeri, Sweetie???

-Joe Offer-

Subject: RE: HTML Practice Thread....again
From: katlaughing
Date: 24 Feb 01 - 08:58 PM

I have to go, for now, Joe, but you might take a look at Georse Seto's page on making tables at http://www.telalink.net/~carl/htmlguide/tables.html. I will be back later. Thanks, this is fun!

Subject: RE: HTML Practice Thread....again
From: Joe Offer
Date: 24 Feb 01 - 09:37 PM

I'll have to look at George's page, Kat. I found a good tables tutorial at http://htmlgoodies.earthweb.com/tutors/table.html. G'nite.

-Joe Offer-

Subject: RE: HTML Practice Thread....again
From: toadette
Date: 24 Feb 01 - 09:48 PM

Joe.....the BEST HTML tutorial I've ever found is a freebie, from a really neat person.....I met him on eBay.. and here's his link....

http://www.eobcards.com/tutorial3.htm#2ct

I printed off his entire website !!! Hope this helps !!!

Subject: RE: HTML Practice Thread....again
From: Jon Freeman
Date: 24 Feb 01 - 10:04 PM

Joe, you can use width="xxx" in the <TD> to adjust the width of cells in a table but as far as I can make out, it only specifies a mimimum width - a long word or link (something with no spaces to allow a line to break)will cause this width to be exceeded.

Jon

Subject: RE: HTML Practice Thread....again
From: Joe Offer
Date: 24 Feb 01 - 10:15 PM

Well, Jon - as you can see, the tutorial taught me the tricks. It didn't teach me anything about aesthetic values, but I learned some cool stuff.
-Joe Offer-

Subject: RE: HTML Practice Thread....again
From: Joe Offer
Date: 25 Feb 01 - 12:29 AM

That's a totally terrific tutorial, toadette! - especially this page (click)

---

A lot of people use HTML editors to do all the work. As a result, their HTML has a lot of unneeded characters. This can be especially bad when making tables, because tables use so much HTML.

I use Excel for making tables, because I can insert a column of HTML tags right where I need it. I put the text in first, and then insert columns for the HTML tags

first column:	<tr><td>
middle columns:	</td><td>
end column:	</td></tr>

You don't need the "align" settings most of the time, since the defaults work pretty well. My initial tag is

<table border=0 cellpadding=10>

And then my final tag is

</table>
(adjust numerical values as needed)

Mudcat is set up so posters are not allowed to post tables (improper table tags can give us fits), so I have to set up an exception for special projects that need tables.
-Joe-

Subject: RE: HTML Practice Thread....again
From: GUEST,re:TD and Screen W
Date: 25 Feb 01 - 02:56 AM

If you have Netscape up to V 4.7 it is easy to set Td W to a percentage rather than naming the width. In that way, no matter whether the Viewer/Client has a 20" or 13" Monitor you get the best result.

The Table Options Menu that it includes is the best I have used so far.

The Distro is still available and free.

Netscape Home Page

Subject: RE: HTML Practice Thread....again
From: Jeri
Date: 25 Feb 01 - 08:33 AM

Aw shucks - Joe called me "Sweetie," and I can't really offer any better advice than those tutorials.

Kat,

This
is a
column

This	is a	row

This is a cell
		or this
this is a cell too

Subject: RE: HTML Practice Thread....again
From: katlaughing
Date: 25 Feb 01 - 08:49 AM

Wow, way kewl, Jeri, thanks!

Joe, you really went to town!! I'll be baaaaaccckkkk!

Thanks!

Subject: RE: HTML Practice Thread....again
From: MudGuard
Date: 25 Feb 01 - 12:13 PM

colspan is an attribute of the td tag. It allows a table cell to span some columns. See table 1

table 1

cell1	cell2	cell3
cell4 with colspan=2		cell5

You can also use rowspan (see table 1).

table 2

cell1 with rowspan=2	cell2
	cell3
cell4	cell5

Or combine both (see table 3)

table 3

cell1 with rowspan=2 and colspan=2		cell2
		cell3
cell4	cell5	cell6

cellpadding controls the distance between a cell's border and the content. For the first table I set it to 0, for the second to 20.

cellspacing controls the distance between borders. (table 4 uses 0, table 5 uses 20)

table 4

cell1	cell2
cell3 with colspan=2

table 5

cell1	cell2
cell3 with colspan=2

To control column width you can either set width within the td tag or insert a colgroup tag:
<table>
<colgroup>
<col width=200>
<col width=500>
</colgroup>
<tr><td> ...
You can use span in the col tag to get columns of the same width as in
<table>
<colgroup>
<col width=200>
<col span=3 width=500>
</colgroup>
<tr><td> ...
gives you a table with one column of 200pixels and 3 of 500 pixels width.

Subject: RE: HTML Practice Thread....again
From: Roger in Sheffield
Date: 25 Feb 01 - 02:22 PM

way beyond what I need right now, but could it be saved to a thread that won't be deleted in case I (or somebody) needs it later??

Subject: RE: HTML Tables
From: Mary in Kentucky
Date: 26 Feb 01 - 05:08 PM

I like this tutorial for tables. here (http://www.pagetutor.com/pagetutor/tables/)

Also, as Jon says, the cells often take on the width of the data in them if there are no line breaks. Two tricks I've found very useful are the non breaking space (nbsp;) to enter something in a cell to hold it in place, and also the clear single pixel gif trick. You can also specify horizontal and vertical spacings. It's always just best to view your HTML, especially tables, in different browsers and different screen resolutions.

Now if I had time, I'd do something with that picture above. I think I could just call it from the Mudcat server and add some text decorations...but just use your imaginations!

Subject: RE: HTML Tables
From: Bill D
Date: 26 Feb 01 - 07:00 PM

this picture? ...looks fine as is to me..(that free beer has hidden costs)