A Real HTML Contest (in Contests)


[T]Vestax August 24 2005 10:26 AM EDT

Recreate the table below using the <table> tag. The table must include all the text located in the proper box. The table will be generated with multiple tables. The outer table is identified with the bold boarders. (Sorry if '-' doesn't appear like it's in bold, you'll just have to figure it out.) Here is the list of additional things you must do:
1) Make word "Title" stand out by making it's cell a standard header cell.
2) Make the word "center" appear in the center of the box, both horizontally and vertically, without using the "style" property.
3) Make the words "Red", "Green", and "Blue" appear their corresponding colors. The "style" property in this case IS preferred.
-------------------------------------------------------
|-----------------|-----------------|-----------------|
||          |    |||               |||S         |W   ||
||   Big    ------||               ||-----------|    ||
||          |    |||     Title     |||R   |L    |    ||
|-----------------||               |||    |-----------|
||    |     |    |||               |||    |I         ||
|-----------------|-----------------|-----------------|
-------------------------------------------------------
|-----------------------------------|                 |
||         | Red                   ||                 |
|-----------------------------------|                 |
||                    | Green      ||     Center      |
|-----------------------------------|                 |
|| Blue                            ||                 |
|-----------------------------------|                 |
-------------------------------------------------------
First person to correctly display the table in a reply to this post wins 25k. Good luck.

(note: Yes, admins and sub-admins can play...but only if they cheat. *grin*)

[T]Vestax August 24 2005 11:49 AM EDT

I forgot to mention. I'm using Firefox and so this will be the standard browser for a correct entry. If it appears correctly under IE but not in Firefox, then you are still incorrect.

Special J August 24 2005 11:52 AM EDT

Bah,
real men don't use the table tag ;)

[T]Vestax August 24 2005 11:56 AM EDT

I know, but the CSS table is the next contest. This is for those that know the old school tricks.

Relic August 24 2005 12:21 PM EDT

Big  
 
     
Title
S W
R L  
  I
  Red
  Green
Blue
Center

Relic August 24 2005 12:22 PM EDT

Your directions were a little confusing, let me know how close I am.

Special J August 24 2005 12:22 PM EDT

-cough colors cough-

Relic August 24 2005 12:25 PM EDT

The colors show fine in my other window in firefox. I wonder why they are not displaying in the post...

AdminShade August 24 2005 12:28 PM EDT

most likely because the forum has a base color and doesn't let anything else override it?

AdminShade August 24 2005 12:29 PM EDT

Big  
 
     
Title
S W
R L  
  I
  Red
  Green
Blue
Center
test

AdminShade August 24 2005 12:30 PM EDT

doesn't display any text colors for me either :(

[SoM]CupofJoe [Peoples Bank of Carnage] August 24 2005 12:30 PM EDT

I'm not going to steal this but if you go check out the frame source for my bank status report it shows colors as the bgcolor. If that's what he's looking for anyways.

[SoM]CupofJoe [Peoples Bank of Carnage] August 24 2005 12:31 PM EDT

Oh nm I thought it was the background he was looking for.

Relic August 24 2005 12:32 PM EDT

Here is another attempt:

Big  
 
     
Title
S W
R L
I
  Red
  Green
Blue
Center

Relic August 24 2005 12:33 PM EDT

Why doesn't the <font> tag work in Firefox?

[T]Vestax August 24 2005 12:44 PM EDT

Well I did want the red, green, blue box as one table. It is very possible to do it without using two tables within the base table. Sorry I didn't say this sooner, but I was in the shower.

The font tag is considered bad because it supports absolute size of fonts, which either takes too much control away from the client or develops issues when the client looks at the page you made with larger font sizes when you built it around only one size. That's why the style tag was preferred.

Relic August 24 2005 12:45 PM EDT

And I was supposed to read your mind about how many tables to use in getting to your format? It looks like your little picture as far as I can tell. :P

Relic August 24 2005 12:49 PM EDT

One less outer table

Big  
 
     
Title
S W
R L
I
  Red
  Green
Blue
Center

[T]Vestax August 24 2005 12:51 PM EDT

Glory has everything except the red-green-blue box correct. (Hint: one table 3 cells by 3 cells) He will therefore get a consolation prize of 20k if anything.

Relic August 24 2005 12:52 PM EDT

Dude I tried that format for the box first and it did not display correctly in Firefox.

Relic August 24 2005 12:57 PM EDT

Ok, changed red-blue-green box to be a single table with 3x3 cells, my HTML is correct, but it is not displaying correctly.

Big  
 
     
Title
S W
R L
I
  Red
  Green
Blue
Center

[T]Vestax August 24 2005 12:58 PM EDT

Let me see if this will help. The blue is the outer table. Sorry Glory if this is stressing you.
-------------------------------------------------------
|-----------------|-----------------|-----------------|
||          |    |||               |||S         |W   ||
||   Big    ------||               ||-----------|    ||
||          |    |||     Title     |||R   |L    |    ||
|-----------------||               |||    |-----------|
||    |     |    |||               |||    |I         ||
|-----------------|-----------------|-----------------|
-------------------------------------------------------
|-----------------------------------|                 |
||         | Red                   ||                 |
|-----------------------------------|                 |
||                    | Green      ||     Center      |
|-----------------------------------|                 |
|| BLue                            ||                 |
|-----------------------------------|                 |
-------------------------------------------------------

Relic August 24 2005 1:01 PM EDT

If you look at my HTML source, your blue box outer table is exactly the same as mine. One table, two rows, with three cells in each row, the second row has a colspan of 2 on the first cell.

[T]Vestax August 24 2005 1:09 PM EDT

Glory wins. Sorry you couldn't make it perfect. I should have tested that before I guess. There really shouldn't have been another table in the center box, but I ignored that. 25k goes to Glory.

[T]Vestax August 24 2005 1:12 PM EDT

Vestax (Storage Tank) 69.205.165.220 Glory (The Minotaur) $25000 1:12 PM EDT

Relic August 24 2005 1:14 PM EDT

Thanks :)

[T]Vestax August 24 2005 1:30 PM EDT

Yeah, the problem stems from not having cell specific to the middle column. Had I added another row like the one below there wouldn't have been an issue. Sorry about that.

  Red
  Green
Blue
  Black  
This thread is closed to new posts. However, you are welcome to reference it from a new thread; link this with the html <a href="/bboard/q-and-a-fetch-msg.tcl?msg_id=001U37">A Real HTML Contest</a>