Help creating a table
#1
Challenge Guru & Comic Nerd
Thread Starter
Help creating a table
I've searched the FAQ and the forum and can't find an explanation of how to create tables.
Is it a fairly simple process? I'm not totally stupid, but have never done any sort of programming or worked with html.
I'd like to create just a simple little table to improve the look of the weekly price comparison / exclusive threads. Maybe just a box with 6 or 7 rows and 5 or so columns.
I'm thinking I'd only need the table format done once, then I'll just save it as a template and edit the new releases into it each week.
Any advice, or volunteer work , would be greatly appreciated.
Is it a fairly simple process? I'm not totally stupid, but have never done any sort of programming or worked with html.
I'd like to create just a simple little table to improve the look of the weekly price comparison / exclusive threads. Maybe just a box with 6 or 7 rows and 5 or so columns.
I'm thinking I'd only need the table format done once, then I'll just save it as a template and edit the new releases into it each week.
Any advice, or volunteer work , would be greatly appreciated.
#3
DVD Talk Reviewer/ Admin
Join Date: Sep 1999
Location: Greenville, South Cackalack
Posts: 28,829
Received 1,882 Likes
on
1,238 Posts
<table border="1"><tr><td>Row 1, Col 1</td><td>Row 1, Col 2</td><td>Row 1, Col 3</td><td>Row 1, Col 4</td><td>Row 1, Col 5</td></tr><tr><td>Row 2, Col 1</td><td>Row 2, Col 2</td><td>Row 2, Col 3</td><td>Row 2, Col 4</td><td>Row 2, Col 5</td></tr><tr><td>Row 3, Col 1</td><td>Row 3, Col 2</td><td>Row 3, Col 3</td><td>Row 3, Col 4</td><td>Row 3, Col 5</td></tr><tr><td>Row 4, Col 1</td><td>Row 4, Col 2</td><td>Row 4, Col 3</td><td>Row 4, Col 4</td><td>Row 4, Col 5</td></tr><tr><td>Row 5, Col 1</td><td>Row 5, Col 2</td><td>Row 5, Col 3</td><td>Row 5, Col 4</td><td>Row 5, Col 5</td></tr><tr><td>Row 6, Col 1</td><td>Row 6, Col 2</td><td>Row 6, Col 3</td><td>Row 6, Col 4</td><td>Row 6, Col 5</td></tr><tr><td>Row 7, Col 1</td><td>Row 7, Col 2</td><td>Row 7, Col 3</td><td>Row 7, Col 4</td><td>Row 7, Col 5</td></tr></table>
Because vBulletin automatically converts carriage returns to HTML line breaks, you really have to have all your table code on one line. If you don't, the table will draw correctly, but there'll be an enormous amount of white space above it. You can draw 'pretty' tables in one program and then just strip out the line breaks.
Try copying this:
...into Microsoft Word and doing a search/replace...replace "^p" with nothing. I think that'll do the trick.
Code:
<table border="1"><tr><td>Row 1, Col 1</td><td>Row 1, Col 2</td><td>Row 1, Col 3</td><td>Row 1, Col 4</td><td>Row 1, Col 5</td></tr><tr><td>Row 2, Col 1</td><td>Row 2, Col 2</td><td>Row 2, Col 3</td><td>Row 2, Col 4</td><td>Row 2, Col 5</td></tr><tr><td>Row 3, Col 1</td><td>Row 3, Col 2</td><td>Row 3, Col 3</td><td>Row 3, Col 4</td><td>Row 3, Col 5</td></tr><tr><td>Row 4, Col 1</td><td>Row 4, Col 2</td><td>Row 4, Col 3</td><td>Row 4, Col 4</td><td>Row 4, Col 5</td></tr><tr><td>Row 5, Col 1</td><td>Row 5, Col 2</td><td>Row 5, Col 3</td><td>Row 5, Col 4</td><td>Row 5, Col 5</td></tr><tr><td>Row 6, Col 1</td><td>Row 6, Col 2</td><td>Row 6, Col 3</td><td>Row 6, Col 4</td><td>Row 6, Col 5</td></tr><tr><td>Row 7, Col 1</td><td>Row 7, Col 2</td><td>Row 7, Col 3</td><td>Row 7, Col 4</td><td>Row 7, Col 5</td></tr></table>
Try copying this:
Code:
<table border="1"> <tr> <td>Row 1, Col 1</td> <td>Row 1, Col 2</td> <td>Row 1, Col 3</td> <td>Row 1, Col 4</td> <td>Row 1, Col 5</td> </tr> <tr> <td>Row 2, Col 1</td> <td>Row 2, Col 2</td> <td>Row 2, Col 3</td> <td>Row 2, Col 4</td> <td>Row 2, Col 5</td> </tr> <tr> <td>Row 3, Col 1</td> <td>Row 3, Col 2</td> <td>Row 3, Col 3</td> <td>Row 3, Col 4</td> <td>Row 3, Col 5</td> </tr> <tr> <td>Row 4, Col 1</td> <td>Row 4, Col 2</td> <td>Row 4, Col 3</td> <td>Row 4, Col 4</td> <td>Row 4, Col 5</td> </tr> <tr> <td>Row 5, Col 1</td> <td>Row 5, Col 2</td> <td>Row 5, Col 3</td> <td>Row 5, Col 4</td> <td>Row 5, Col 5</td> </tr> <tr> <td>Row 6, Col 1</td> <td>Row 6, Col 2</td> <td>Row 6, Col 3</td> <td>Row 6, Col 4</td> <td>Row 6, Col 5</td> </tr> <tr> <td>Row 7, Col 1</td> <td>Row 7, Col 2</td> <td>Row 7, Col 3</td> <td>Row 7, Col 4</td> <td>Row 7, Col 5</td> </tr> </table>
#5
Challenge Guru & Comic Nerd
Thread Starter
<table border="1"><tr><td> </td><td>Wall-E 1 disc</td><td> </td><td>Wall-E 3 disc</td><td> </td></tr><tr><td>Best Buy</td><td>$15</td><td>free puzzle cube</td><td>$30</td><td>free puzzle cube</td></tr><tr><td>Circuit City</td><td>$15</td><td> </td><td>$28</td><td> </td></tr><tr><td>Target</td><td>$16</td><td>free tree seedling code</td><td>$30</td><td>free tree seedling code</td></tr><tr><td>Wal-Mart</td><td>$15</td><td> </td><td>$23</td><td> </td></tr><tr><td>Amazon</td><td>$15</td><td> </td><td>$23</td><td> </td></tr><tr><td>Deep Discount</td><td>$16</td><td>after 25% off sale</td><td><center>$19</center></td><td>after 25% off sale</td></tr></table>
I think I like it. Seems easy enough to play with the formatting, add columns or rows if needed, etc. Thanks again Adam!
Hmm, can I center text within a cell?
I think I like it. Seems easy enough to play with the formatting, add columns or rows if needed, etc. Thanks again Adam!
Hmm, can I center text within a cell?
Last edited by Trevor; 11-16-08 at 02:12 PM.
#8
Challenge Guru & Comic Nerd
Thread Starter
just testing, ignore
<table border="1"><tr><td><center>store</center></td><td><center>title</center></td><td><center>exclusive?</center></td><td><center>title variation</center></td><td><center>exclusive?</center></td><td><center>Blu-ray</center></td><td><center>exclusive?</center></td></tr><tr><td><center>Best Buy</center></td><td><center>$</center></td><td><center> </center></td><td><center>$</center></td><td><center> </center></td><td><center>$</center></td><td><center> </center></td></tr><tr><td><center>Circuit City</center></td><td><center>$</center></td><td><center> </center></td><td><center>$</center></td><td><center> </center></td><td><center>$</center></td><td><center> </center></td></tr><tr><td><center>Target</center></td><td><center>$</center></td><td><center> </center></td><td><center>$</center></td><td><center> </center></td><td><center>$</center></td><td><center> </center></td></tr><tr><td><center>Wal-Mart</center></td><td><center>$</center></td><td><center> </center></td><td><center>$</center></td><td><center> </center></td><td><center>$</center></td><td><center> </center></td></tr><tr><td><center>Amazon</center></td><td><center>$</center></td><td><center> </center></td><td><center>$</center></td><td><center> </center></td><td><center>$</center></td><td><center> </center></td></tr><tr><td><center>Deep Discount</center></td><td><center>$</center></td><td><center> </center></td><td><center>$</center></td><td><center> </center></td><td><center>$</center></td><td><center> </center></td></tr><tr><td><center>misc store</center></td><td><center>$</center></td><td><center> </center></td><td><center>$</center></td><td><center> </center></td><td><center>$</center></td><td><center> </center></td></tr></table>
<table border="1"><tr><td><center>store</center></td><td><center>title</center></td><td><center>exclusive?</center></td><td><center>title variation</center></td><td><center>exclusive?</center></td><td><center>Blu-ray</center></td><td><center>exclusive?</center></td></tr><tr><td><center>Best Buy</center></td><td><center>$</center></td><td><center> </center></td><td><center>$</center></td><td><center> </center></td><td><center>$</center></td><td><center> </center></td></tr><tr><td><center>Circuit City</center></td><td><center>$</center></td><td><center> </center></td><td><center>$</center></td><td><center> </center></td><td><center>$</center></td><td><center> </center></td></tr><tr><td><center>Target</center></td><td><center>$</center></td><td><center> </center></td><td><center>$</center></td><td><center> </center></td><td><center>$</center></td><td><center> </center></td></tr><tr><td><center>Wal-Mart</center></td><td><center>$</center></td><td><center> </center></td><td><center>$</center></td><td><center> </center></td><td><center>$</center></td><td><center> </center></td></tr><tr><td><center>Amazon</center></td><td><center>$</center></td><td><center> </center></td><td><center>$</center></td><td><center> </center></td><td><center>$</center></td><td><center> </center></td></tr><tr><td><center>Deep Discount</center></td><td><center>$</center></td><td><center> </center></td><td><center>$</center></td><td><center> </center></td><td><center>$</center></td><td><center> </center></td></tr><tr><td><center>misc store</center></td><td><center>$</center></td><td><center> </center></td><td><center>$</center></td><td><center> </center></td><td><center>$</center></td><td><center> </center></td></tr></table>
Last edited by Trevor; 11-19-08 at 12:02 PM.
#9
DVD Talk Hall of Fame
For the record, I was going to come back when I had a few extra minutes and search for a thread that had a table in it to link for an example. When I came back I saw Adam had you covered better than I would have been able to.
#10
Challenge Guru & Comic Nerd
Thread Starter
I did read all the feedback threads I could find, and search the FAQ. The threads I found were all several years old and seemed to be missing information, I think perhaps they had lost some of the links or perhaps the forum's software had changed. Or maybe I just missed something.
Perhaps Adam's post can be made part of the FAQ.
#11
Challenge Guru & Comic Nerd
Thread Starter
I know I'm pushing my luck, but I'd love some more info. Eventually, I may want to add some fancier formatting, bolded lines for example.
Forgive my naivety, but is this code specific to the forum software? Or is it some other language/program that vBulletin uses?
I know there are some fancier examples here on the forum, but I can't remember where.
Don't need you all to give it to me, just point me in an educational direction perhaps.
Wait, I guess vBulletin's home page would be a good start. Heading there now.
Forgive my naivety, but is this code specific to the forum software? Or is it some other language/program that vBulletin uses?
I know there are some fancier examples here on the forum, but I can't remember where.
Don't need you all to give it to me, just point me in an educational direction perhaps.
Wait, I guess vBulletin's home page would be a good start. Heading there now.
#12
DVD Talk Hero
the code above (if that's what you're talking about) is html (what is used all over the web). to bold, you would do < b > whatever < / b >. Without spaces. So it'd look like <b>whatever</b>
#13
DVD Talk Hero
btw, here are some html tags for text formatting: http://www.w3schools.com/HTML/html_formatting.asp
#15
btw, here are some html tags for text formatting: http://www.w3schools.com/HTML/html_formatting.asp
#16
Challenge Guru & Comic Nerd
Thread Starter
It works on the imbedded text, which I've been using, but I'd like to play with the borders if possible.
That link was a nice resource, still looking it over.
#17
Originally Posted by Trevor
<table border="1" cellpadding="4" cellspacing="2" bgcolor=#000000><tr><td bgcolor="#FFFFFF"><center>store</center></td><td bgcolor="#FFFFFF"><center>title</center></td><td bgcolor="#FFFFFF"><center>exclusive?</center></td><td bgcolor="#FFFFFF"><center>title variation</center></td><td bgcolor="#FFFFFF"><center>exclusive?</center></td><td bgcolor="#FFFFFF"><center>Blu-ray</center></td><td bgcolor="#FFFFFF"><center>exclusive?</center></td></tr><tr><td bgcolor="#FFFFFF"><center>Best Buy</center></td><td bgcolor="#FFFFFF"><center>$</center></td><td bgcolor="#FFFFFF"><center> </center></td><td bgcolor="#FFFFFF"><center>$</center></td><td bgcolor="#FFFFFF"><center> </center></td><td bgcolor="#FFFFFF"><center>$</center></td><td bgcolor="#FFFFFF"><center> </center></td></tr><tr><td bgcolor="#FFFFFF"><center>Circuit City</center></td><td bgcolor="#FFFFFF"><center>$</center></td><td bgcolor="#FFFFFF"><center> </center></td><td bgcolor="#FFFFFF"><center>$</center></td><td bgcolor="#FFFFFF"><center> </center></td><td bgcolor="#FFFFFF"><center>$</center></td><td bgcolor="#FFFFFF"><center> </center></td></tr><tr><td bgcolor="#FFFFFF"><center>Target</center></td><td bgcolor="#FFFFFF"><center>$</center></td><td bgcolor="#FFFFFF"><center> </center></td><td bgcolor="#FFFFFF"><center>$</center></td><td bgcolor="#FFFFFF"><center> </center></td><td bgcolor="#FFFFFF"><center>$</center></td><td bgcolor="#FFFFFF"><center> </center></td></tr><tr><td bgcolor="#FFFFFF"><center>Wal-Mart</center></td><td bgcolor="#FFFFFF"><center>$</center></td><td bgcolor="#FFFFFF"><center> </center></td><td bgcolor="#FFFFFF"><center>$</center></td><td bgcolor="#FFFFFF"><center> </center></td><td bgcolor="#FFFFFF"><center>$</center></td><td bgcolor="#FFFFFF"><center> </center></td></tr><tr><td bgcolor="#FFFFFF"><center>Amazon</center></td><td bgcolor="#FFFFFF"><center>$</center></td><td bgcolor="#FFFFFF"><center> </center></td><td bgcolor="#FFFFFF"><center>$</center></td><td bgcolor="#FFFFFF"><center> </center></td><td bgcolor="#FFFFFF"><center>$</center></td><td bgcolor="#FFFFFF"><center> </center></td></tr><tr><td bgcolor="#FFFFFF"><center>Deep Discount</center></td><td bgcolor="#FFFFFF"><center>$</center></td><td bgcolor="#FFFFFF"><center> </center></td><td bgcolor="#FFFFFF"><center>$</center></td><td bgcolor="#FFFFFF"><center> </center></td><td bgcolor="#FFFFFF"><center>$</center></td><td bgcolor="#FFFFFF"><center> </center></td></tr><tr><td bgcolor="#FFFFFF"><center>misc store</center></td><td bgcolor="#FFFFFF"><center>$</center></td><td bgcolor="#FFFFFF"><center> </center></td><td bgcolor="#FFFFFF"><center>$</center></td><td bgcolor="#FFFFFF"><center> </center></td><td bgcolor="#FFFFFF"><center>$</center></td><td bgcolor="#FFFFFF"><center> </center></td></tr></table>
I like tables that have the border="0", like this,
<html><table border="0" cellpadding="4" cellspacing="2" bgcolor=#000000><tr><td bgcolor="#FFFFFF"><center>store</center></td><td bgcolor="#FFFFFF"><center>title</center></td><td bgcolor="#FFFFFF"><center>exclusive?</center></td><td bgcolor="#FFFFFF"><center>title variation</center></td><td bgcolor="#FFFFFF"><center>exclusive?</center></td><td bgcolor="#FFFFFF"><center>Blu-ray</center></td><td bgcolor="#FFFFFF"><center>exclusive?</center></td></tr><tr><td bgcolor="#FFFFFF"><center>Best Buy</center></td><td bgcolor="#FFFFFF"><center>$</center></td><td bgcolor="#FFFFFF"><center> </center></td><td bgcolor="#FFFFFF"><center>$</center></td><td bgcolor="#FFFFFF"><center> </center></td><td bgcolor="#FFFFFF"><center>$</center></td><td bgcolor="#FFFFFF"><center> </center></td></tr></table></html>
This was the table that I used for my Horror Movie Challenge list this year.
#18
Challenge Guru & Comic Nerd
Thread Starter
By bolding the border is this what you mean? The < bgcolor > tag was used for the background (black) and for the cells (white).
I like tables that have the border="0", like this,
<html><table border="0" cellpadding="4" cellspacing="2" bgcolor=#000000><tr><td bgcolor="#FFFFFF"><center>store</center></td><td bgcolor="#FFFFFF"><center>title</center></td><td bgcolor="#FFFFFF"><center>exclusive?</center></td><td bgcolor="#FFFFFF"><center>title variation</center></td><td bgcolor="#FFFFFF"><center>exclusive?</center></td><td bgcolor="#FFFFFF"><center>Blu-ray</center></td><td bgcolor="#FFFFFF"><center>exclusive?</center></td></tr><tr><td bgcolor="#FFFFFF"><center>Best Buy</center></td><td bgcolor="#FFFFFF"><center>$</center></td><td bgcolor="#FFFFFF"><center> </center></td><td bgcolor="#FFFFFF"><center>$</center></td><td bgcolor="#FFFFFF"><center> </center></td><td bgcolor="#FFFFFF"><center>$</center></td><td bgcolor="#FFFFFF"><center> </center></td></tr></table></html>
This was the table that I used for my Horror Movie Challenge list this year.
I like tables that have the border="0", like this,
<html><table border="0" cellpadding="4" cellspacing="2" bgcolor=#000000><tr><td bgcolor="#FFFFFF"><center>store</center></td><td bgcolor="#FFFFFF"><center>title</center></td><td bgcolor="#FFFFFF"><center>exclusive?</center></td><td bgcolor="#FFFFFF"><center>title variation</center></td><td bgcolor="#FFFFFF"><center>exclusive?</center></td><td bgcolor="#FFFFFF"><center>Blu-ray</center></td><td bgcolor="#FFFFFF"><center>exclusive?</center></td></tr><tr><td bgcolor="#FFFFFF"><center>Best Buy</center></td><td bgcolor="#FFFFFF"><center>$</center></td><td bgcolor="#FFFFFF"><center> </center></td><td bgcolor="#FFFFFF"><center>$</center></td><td bgcolor="#FFFFFF"><center> </center></td><td bgcolor="#FFFFFF"><center>$</center></td><td bgcolor="#FFFFFF"><center> </center></td></tr></table></html>
This was the table that I used for my Horror Movie Challenge list this year.
#19
DVD Talk Godfather
You can make every other column border darker, but it gets a bit complicated. What you <i>can</i> do that is easier is make the cell a certain background color. If you make alternative rows (or columns) a light gray (say #CCCCCC), it will be easier to read.
#20
DVD Talk Hall of Fame
Re: Help creating a table
I've created my first ever table for the TV on DVD* Challenge, here (stealing the template from llandros) and I'm mostly pleased with it. There is one problem, though: there's an obscene amount of dead space at the top of the post above the table. I can't seem to make it shrink, and it actually seems to have grown with the table. What can I do to shore up the size of the post?
#21
Mod Emeritus
Join Date: Oct 1999
Location: Outside of the U.S.A.
Posts: 10,674
Likes: 0
Received 1 Like
on
1 Post
Re: Help creating a table
I've created my first ever table for the TV on DVD* Challenge, here (stealing the template from llandros) and I'm mostly pleased with it. There is one problem, though: there's an obscene amount of dead space at the top of the post above the table. I can't seem to make it shrink, and it actually seems to have grown with the table. What can I do to shore up the size of the post?
#22
DVD Talk Hall of Fame
Re: Help creating a table
Is this a different problem to the one discussed in Adam's earlier post in the thread: http://forum.dvdtalk.com/9075615-post3.html
#23
DVD Talk Gold Edition
Re: Help creating a table
If anyone's interested, I have an excel workbook that I made last fall that I started using for the challenges that has saved me a lot of time. It looks (for the most part) like a real table when you are editing it in excel, but all of the table code is automatically put into one cell to copy/paste into your post. I was also able to do it avoiding the use of macros, which was quite nice.
It's by no means fool proof, and there are some quirks, but if anyone is interested, I would be more than happy to share it.
If you want to see what the table looks like, go to my latest October Horror Movie Challenge List. Note: It may not look like a table, but it is. A lot of the borders are white, so they don't show.
It's by no means fool proof, and there are some quirks, but if anyone is interested, I would be more than happy to share it.
If you want to see what the table looks like, go to my latest October Horror Movie Challenge List. Note: It may not look like a table, but it is. A lot of the borders are white, so they don't show.
#24
DVD Talk Hall of Fame
Re: Help creating a table
If anyone's interested, I have an excel workbook that I made last fall that I started using for the challenges that has saved me a lot of time. It looks (for the most part) like a real table when you are editing it in excel, but all of the table code is automatically put into one cell to copy/paste into your post. I was also able to do it avoiding the use of macros, which was quite nice.
It's by no means fool proof, and there are some quirks, but if anyone is interested, I would be more than happy to share it.
It's by no means fool proof, and there are some quirks, but if anyone is interested, I would be more than happy to share it.
#25
DVD Talk Gold Edition
Re: Help creating a table
I wouldn't worry about crediting anyone, it's always evolving. Give me a day or two to get it in a state to post on google docs and I'll send you the link.