To Thread - Forum Home

The Mudcat Café TM
https://mudcat.org/thread.cfm?threadid=31267
19 messages

HTML Tables

24 Feb 01 - 07:10 PM (#405538)
Subject: HTML Practice Thread....again
From: Joe Offer

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"??

24 Feb 01 - 07:39 PM (#405553)
Subject: RE: HTML Practice Thread....again
From: Joe Offer

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

24 Feb 01 - 07:48 PM (#405561)
Subject: RE: HTML Practice Thread....again
From: katlaughing

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/

24 Feb 01 - 07:57 PM (#405573)
Subject: RE: HTML Practice Thread....again
From: Joe Offer

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

24 Feb 01 - 08:00 PM (#405578)
Subject: RE: HTML Practice Thread....again
From: katlaughing

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:-)

24 Feb 01 - 08:20 PM (#405600)
Subject: HTML - tables
From: Joe Offer

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-

24 Feb 01 - 08:58 PM (#405615)
Subject: RE: HTML Practice Thread....again
From: katlaughing

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!

24 Feb 01 - 09:37 PM (#405645)
Subject: RE: HTML Practice Thread....again
From: Joe Offer

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-

24 Feb 01 - 09:48 PM (#405653)
Subject: RE: HTML Practice Thread....again
From: toadette

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 !!!

24 Feb 01 - 10:04 PM (#405663)
Subject: RE: HTML Practice Thread....again
From: Jon Freeman

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

24 Feb 01 - 10:15 PM (#405668)
Subject: RE: HTML Practice Thread....again
From: Joe Offer

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-

25 Feb 01 - 12:29 AM (#405748)
Subject: RE: HTML Practice Thread....again
From: Joe Offer

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-

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

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

25 Feb 01 - 08:33 AM (#405852)
Subject: RE: HTML Practice Thread....again
From: Jeri

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    

25 Feb 01 - 08:49 AM (#405862)
Subject: RE: HTML Practice Thread....again
From: katlaughing

Wow, way kewl, Jeri, thanks!

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

Thanks!

25 Feb 01 - 12:13 PM (#405992)
Subject: RE: HTML Practice Thread....again
From: MudGuard

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

table 1
cell1cell2cell3
cell4 with colspan=2cell5

You can also use rowspan (see table 1).

table 2
cell1 with rowspan=2cell2
cell3
cell4cell5

Or combine both (see table 3)

table 3
cell1 with rowspan=2 and colspan=2cell2
cell3
cell4cell5cell6

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
cell1cell2
cell3 with colspan=2

table 5
cell1cell2
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.

25 Feb 01 - 02:22 PM (#406056)
Subject: RE: HTML Practice Thread....again
From: Roger in Sheffield

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??

26 Feb 01 - 05:08 PM (#406680)
Subject: RE: HTML Tables
From: Mary in Kentucky

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!

26 Feb 01 - 07:00 PM (#406787)
Subject: RE: HTML Tables
From: Bill D

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