0 |
Subject: HTML Lessons, cont'd
Posted by: J
- [470183114] Wed, Feb 02, 16:57
OK, Hark, stop causing trouble!!!!!! hehehe
Anyways, lets use this thread so that the HTML knowledgables can teach us kids new tricks with HTML. So far I've learned how to make tables and how to align stuff. I'm off to a good start!!!!
P-Phan showed me a helpful website -
http://hotwired.lycos.com/webmonkey/authoring/tables
(I dont know how to make it open in a new browser, or even if that will come up as a link)
But its good for newcomer's like me! |
1 | BMBags ID: 360273113 Wed, Feb 02, 17:20
| Is this of use:
http://hotwired.lycos.com/webmonkey/authoring/tables
lta href="http://hotwired.lycos.com/webmonkey/authoring/tables" target="_blank">http://hotwired.lycos.com/webmonkey/authoring/tables lt/a>
lt is less than symbol |
2 | BMBags ID: 360273113 Wed, Feb 02, 17:22
| the target="_blank" is what makes it open a new window |
3 | Mujeriego ID: 20113122 Wed, Feb 02, 17:44
| see if this helps:
[a href="www.rotoguru.com" target="_blank"]text discription here[/a]
if you change [ and ] into < and > you will get:
text discription here
|
4 | J ID: 00202820 Wed, Feb 02, 17:47
| next question, actually 2 questions:
1) How do you make the column widths bigger???
2) How do I make it so the lines dont show up in the tables???? |
5 | Harkonnon ID: 40048295 Wed, Feb 02, 18:06
| So the troublemaker is back !
Sorry guys for fuggin' up in the last thread, but still can anyone tell me what happened there !
It showed up in line in the preview. I wouldn't have posted it if it was broken.
|
6 | philliephan ID: 36120218 Wed, Feb 02, 18:26
| J - you can specify a minimum width for the column as follows [TD WIDTH=100] where the [] become <>. This says the column must be at least 100 pixels in width (at least usually, I do this for a living and tables get tricky on you at times). You should only have to do this on the first row (column headers). |
7 | philliephan ID: 36120218 Wed, Feb 02, 18:29
| For the "lines" you can fool with the values in the [TABLE], e.g [TABLE BORDER=0] will get rid of the lines, you may also specify values for CELLSPACING and CELLPADDING, the most compact table will be [TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0] but if you are not careful with your WIDTH's etc. the values will run into each other. (Again replace all [] with <>) |
8 | BMBags ID: 360273113 Wed, Feb 02, 18:31
| Question #1:
[table border="2" cellspacing="2" width="100" cellpadding="2"]
[tr]
[td width="60"]1[/td]
[td width="24"]2[/td]
[/tr]
[tr]
[td width="60"]3[/td]
[td width="24"]4[/td]
[/tr]
[/table]
To adjust the cell width you can change the 60 or 24. Also you can use a percentage format, where in the table declaration you can make the 100, 100%. This will make the table width 100% of the page. You can do the same for the individual cells, where 60 can be 60%, etc.
Question #2:
[table border="2" cellpadding="2" cellspacing="2" width="100"]
[tr]
[td]1[/td]
[td]2[/td]
[/tr]
[tr]
[td]3[/td]
[td]4[/td]
[/tr]
[/table]
[ = < & ] = >
If you adjust the border it will adjust the size of the border, the cellpadding adjusts the height of the cells, and the cellspacing adjusts the space around each individual cell.
If you make the border "0" then no lines will appear.
|
9 | philliephan ID: 36120218 Wed, Feb 02, 18:45
| An example to show what just cellspacing does (using a background color to show the spacing):
code replace [] with <>
[table border="0" cellpadding="0" cellspacing="1" width="100" bgcolor=lightgrey][tr][td]1 [/td] [td]2[/td][/tr][tr][td]3[/td][td]4[/td][/tr][/table] |
10 | Code Cracker ID: 5002298 Wed, Feb 02, 19:39
| Here is a good html reference site that lists all the various tags. It also has a table tutorial.
HTML Reference |
11 | aiko aiko ID: 300233112 Wed, Feb 02, 20:08
|
thanks for all the html lessons. great stuff.
is there some trick to having my team show up on the gurupies standings list?
-aiko |
12 | Mujeriego ID: 20113122 Wed, Feb 02, 20:37
| Is can the list be longer than 100 now? |
13 | J ID: 14113222 Wed, Feb 02, 22:24
| No, its still staying at 100, I'll start another waiting list thread (probably the final one of the year) sometime soon on the standings boards. |
14 | J ID: 2908318 Thu, Feb 03, 11:05
| new question: How do I align a column as a whole??? I can do it now by putting the align="center" in EVERY cell, but thats too much. In fact its not letting me post the basketball standings because I have too many characters I think. So this one is kind of an ASAP question!!!
Thanks!! J |
15 | Code Cracker ID: 420183110 Thu, Feb 03, 11:38
| J, you can use a COLGROUP. I haven't used this much myself but I think it goes something like this:
[table border="1"]
[colgroup][col align="center" span="1"]
[colgroup][col align="left" span="1"]
[tr][td]Rank[/td][td]$$$[/td][/tr]
[tr][td]1[/td][td]1,000[/td][/tr>][/table]
Again, replace [ with < and ] with >.
span refers to the number of columns.
This code makes a two column table with the left column centered and the right column left justified.
|
16 | Code Cracker ID: 420183110 Thu, Feb 03, 11:48
| J, I just found out that COL and COLGROUP are IE-specific tags so if someone is using Nutscrape, er, Netscape, then it might not work.
More tag information is here |
17 | philliephan ID: 1607316 Thu, Feb 03, 11:52
| yeah, those will be ignored in netscape |
18 | J ID: 2908318 Thu, Feb 03, 11:54
|
| Name | Points | WWR | Yesterday | Last 5 Days | $$$$$ | Trades | *GRC
|
---|
1 | KB8ers GM I | 17,505.5 | 6 | 326.5 | 969.0 | $92.47 | 4 | 0
| 2 | KB8ers GM II | 17,365.5 | 8 | 331.0 | 946.5 | $88.46 | 5 | +2
| 3 | Duncan's Doom | 17,333.5 | 10 | 285.5 | 1,024.0 | $98.85 | 4 | 0
| 4 | wEEds | 17,316.5 | 11 | 233.0 | 933.5 | $90.18 | 5 | -2
| 5 | J II | 17,240.5 | 16 | 340.5 | 1,142.5 | $95.09 | 10 | 0
| ok, what am I doing wrong???? Am I supposed to put all of the code in the very first cell?????? |
19 | Code Cracker ID: 420183110 Thu, Feb 03, 13:13
| If you want to center all columns then change your beginning code to the following:
[TABLE border=0 bgcolor=#FFFFFF][col align="center" span="9"][TR][TH][/TH][TH] Name [/TH][TH] Points [/TH]
etc. But, like Paul sez, someone with Nutscrape may not see the columns centered as this will onlyh work in IE browsers. |
20 | J ID: 2908318 Thu, Feb 03, 13:49
| yeah, I use netscape too. I wonder why they do stuff like that???? Oh well. So, basically, my only option is to put the [align="center"] by every cell I want centered, huh?
Thanks for all your help everyone! |
21 | Harkonnon ID: 40048295 Thu, Feb 03, 13:56
| J
If Netscape does not do the job for you
try the Neoplanet browser which is basically a skin for IE or Netscape with some additional features ! Don't know if that helps, but maybe worth a try before you type yourself silly.
btw it's free and you can download cool hockey outfits for that.
go here
www.neoplanet.com
|
22 | walk ID: 13051316 Thu, Feb 03, 14:07
| What is this crap, tables?!? I see a thread called "more html lessons," I'm expecting, now that I've been conditioned, some more neat animation. Hello? Your PC-challenged audience is waiting!
:-) walk |
23 | Calgary SuperFreak ID: 4083111 Thu, Feb 03, 14:36
| I tested this in ie 5 and netscape 4.07 and it looks okay:
[TD COLSPAN="8" WIDTH="54" ALIGN="left" HEIGHT="33" VALIGN="middle"]
[P ALIGN="left"][B]GR[/B]
[TH ALIGN="left" WIDTH="124" HEIGHT="33" VALIGN="middle"]
[B] Name[/B]
[TH ALIGN="left" WIDTH="78" HEIGHT="33" VALIGN="middle"][B]Points[/B]
"Add the remaining Column Headings Here****"
[/TD][/TR]
|
24 | walk ID: 13051316 Thu, Feb 03, 14:55
| Now THAT'S what I'm talking about...well, not exactly.
- walk |
25 | Calgary SuperFreak ID: 4083111 Thu, Feb 03, 15:23
|
modano, modANO, MODANO, MODano, modano
|
26 | Harkonnon ID: 40048295 Thu, Feb 03, 15:28
| woohoo
a settlers fan
tell me more CSF |
27 | walk ID: 13051316 Thu, Feb 03, 15:32
| Now THAT'S what I'm talkin' about, REALLY!
- walk |
28 | Richard ID: 400372821 Thu, Feb 03, 19:49
| Walk, not quite aninmation but, it seems like I've hitched my team to the
and the
I hope they don't disappoint me!
Richard |
29 | Code Cracker ID: 5002298 Thu, Feb 03, 21:42
| Everybody needs one of these |
30 | Harkonnon ID: 40048295 Fri, Feb 04, 06:03
| How about that sports nuts !!!!
|
31 | walk ID: 13051316 Fri, Feb 04, 07:51
| And the crowd goes "oooo" over that last one, Hark. Nice Belfourian shutout of those coyotes, too, last night. I had Eddie on my #1 team, too!
- walk |
32 | Harkonnon ID: 40048295 Fri, Feb 04, 09:35
| Question to the code crackin' philliphanatic-ian and whatever studs in the html profession.
What king of grafx format can I/we post ?
Just *.gif or anything else ? Have some nice *.jpg's !
And what size can /should they have ?
|
33 | Richard ID: 400372821 Fri, Feb 04, 09:45
| Hark - I know you can post both gifs and jpegs. If you keep them small enough the load time will be quick. I don't think that space on Guru's server is a problem because the images we put here are being stored on their original site and aren't copied to the message board server. I'm sure that if you post something too big, we will let you know.
Richard |
34 | Harkonnon ID: 40048295 Fri, Feb 04, 10:19
| Thanks Richard !
I have killed a thread before and now I prefer to know what I do before others have to tell me I stink !!!
|
35 | Mario LeMoose ID: 36116414 Fri, Feb 04, 14:16
| You can always experiment first on the Test Board. |
|
|
Post a reply to this message:
|