Lyrics & Knowledge Personal Pages Record Shop Auction Links Radio & Media Kids Membership Help
The Mudcat Cafesj

Post to this Thread - Sort Ascending - Printer Friendly - Home


HTML Tables

Related threads:
tech: HTML Ampersand Codes (33)
Tech: Non-ASCII character display problems (47) (closed)
Tech: Entering special characters (moderated) (18)
Tech: HtmlEsc.java: Convert special chars (6)
Tech: CopyUnicode: Create any char (17)
Mudcat HTML Guide PermaThread (63)
Tech - ALTKEY Codes on Laptop (28)
HTML Stuff II (126)
Tech: htmlesc.py: Mac script to escape text (12)
HTML Beginners Study Guide (3)


Bill D 26 Feb 01 - 07:00 PM
Mary in Kentucky 26 Feb 01 - 05:08 PM
Roger in Sheffield 25 Feb 01 - 02:22 PM
MudGuard 25 Feb 01 - 12:13 PM
katlaughing 25 Feb 01 - 08:49 AM
Jeri 25 Feb 01 - 08:33 AM
GUEST,re:TD and Screen W 25 Feb 01 - 02:56 AM
Joe Offer 25 Feb 01 - 12:29 AM
Joe Offer 24 Feb 01 - 10:15 PM
Jon Freeman 24 Feb 01 - 10:04 PM
toadette 24 Feb 01 - 09:48 PM
Joe Offer 24 Feb 01 - 09:37 PM
katlaughing 24 Feb 01 - 08:58 PM
Joe Offer 24 Feb 01 - 08:20 PM
katlaughing 24 Feb 01 - 08:00 PM
Joe Offer 24 Feb 01 - 07:57 PM
katlaughing 24 Feb 01 - 07:48 PM
Joe Offer 24 Feb 01 - 07:39 PM
Joe Offer 24 Feb 01 - 07:10 PM
Share Thread
more
Lyrics & Knowledge Search [Advanced]
DT  Forum
Sort (Forum) by:relevance date
DT Lyrics:





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)


Post - Top - Home - Printer Friendly - Translate

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!


Post - Top - Home - Printer Friendly - Translate

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


Post - Top - Home - Printer Friendly - Translate

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


Post - Top - Home - Printer Friendly - Translate

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!


Post - Top - Home - Printer Friendly - Translate

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    


Post - Top - Home - Printer Friendly - Translate

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


Post - Top - Home - Printer Friendly - Translate

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-


Post - Top - Home - Printer Friendly - Translate

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-


Post - Top - Home - Printer Friendly - Translate

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


Post - Top - Home - Printer Friendly - Translate

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


Post - Top - Home - Printer Friendly - Translate

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-


Post - Top - Home - Printer Friendly - Translate

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!


Post - Top - Home - Printer Friendly - Translate

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-


Post - Top - Home - Printer Friendly - Translate

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


Post - Top - Home - Printer Friendly - Translate

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-


Post - Top - Home - Printer Friendly - Translate

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/


Post - Top - Home - Printer Friendly - Translate

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-


Post - Top - Home - Printer Friendly - Translate

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


Post - Top - Home - Printer Friendly - Translate
  Share Thread:
More...

Reply to Thread
Subject:  Help
From:
Preview   Automatic Linebreaks   Make a link ("blue clicky")


Mudcat time: 2 December 6:14 PM EST

[ Home ]

All original material is copyright © 1998 by the Mudcat Café Music Foundation, Inc. All photos, music, images, etc. are copyright © by their rightful owners. Every effort is taken to attribute appropriate copyright to images, content, music, etc. We are not a copyright resource.