DVD Talk Forum

DVD Talk Forum (https://forum.dvdtalk.com/)
-   Forum Feedback and Support (https://forum.dvdtalk.com/forum-feedback-support-4/)
-   -   Help creating a table (https://forum.dvdtalk.com/forum-feedback-support/543818-help-creating-table.html)

Trevor 11-16-08 11:51 AM
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.

WallyOPD 11-16-08 01:19 PM
http://www.wikihow.com/Make-a-Table

Adam Tyner 11-16-08 01:28 PM
<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>

Code:
&lt;table border="1"&gt;&lt;tr&gt;&lt;td&gt;Row 1, Col 1&lt;/td&gt;&lt;td&gt;Row 1, Col 2&lt;/td&gt;&lt;td&gt;Row 1, Col 3&lt;/td&gt;&lt;td&gt;Row 1, Col 4&lt;/td&gt;&lt;td&gt;Row 1, Col 5&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Row 2, Col 1&lt;/td&gt;&lt;td&gt;Row 2, Col 2&lt;/td&gt;&lt;td&gt;Row 2, Col 3&lt;/td&gt;&lt;td&gt;Row 2, Col 4&lt;/td&gt;&lt;td&gt;Row 2, Col 5&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Row 3, Col 1&lt;/td&gt;&lt;td&gt;Row 3, Col 2&lt;/td&gt;&lt;td&gt;Row 3, Col 3&lt;/td&gt;&lt;td&gt;Row 3, Col 4&lt;/td&gt;&lt;td&gt;Row 3, Col 5&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Row 4, Col 1&lt;/td&gt;&lt;td&gt;Row 4, Col 2&lt;/td&gt;&lt;td&gt;Row 4, Col 3&lt;/td&gt;&lt;td&gt;Row 4, Col 4&lt;/td&gt;&lt;td&gt;Row 4, Col 5&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Row 5, Col 1&lt;/td&gt;&lt;td&gt;Row 5, Col 2&lt;/td&gt;&lt;td&gt;Row 5, Col 3&lt;/td&gt;&lt;td&gt;Row 5, Col 4&lt;/td&gt;&lt;td&gt;Row 5, Col 5&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Row 6, Col 1&lt;/td&gt;&lt;td&gt;Row 6, Col 2&lt;/td&gt;&lt;td&gt;Row 6, Col 3&lt;/td&gt;&lt;td&gt;Row 6, Col 4&lt;/td&gt;&lt;td&gt;Row 6, Col 5&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Row 7, Col 1&lt;/td&gt;&lt;td&gt;Row 7, Col 2&lt;/td&gt;&lt;td&gt;Row 7, Col 3&lt;/td&gt;&lt;td&gt;Row 7, Col 4&lt;/td&gt;&lt;td&gt;Row 7, Col 5&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
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:

Code:
&lt;table border="1"&gt;

&lt;tr&gt;
&lt;td&gt;Row 1, Col 1&lt;/td&gt;
&lt;td&gt;Row 1, Col 2&lt;/td&gt;
&lt;td&gt;Row 1, Col 3&lt;/td&gt;
&lt;td&gt;Row 1, Col 4&lt;/td&gt;
&lt;td&gt;Row 1, Col 5&lt;/td&gt;
&lt;/tr&gt;

&lt;tr&gt;
&lt;td&gt;Row 2, Col 1&lt;/td&gt;
&lt;td&gt;Row 2, Col 2&lt;/td&gt;
&lt;td&gt;Row 2, Col 3&lt;/td&gt;
&lt;td&gt;Row 2, Col 4&lt;/td&gt;
&lt;td&gt;Row 2, Col 5&lt;/td&gt;
&lt;/tr&gt;

&lt;tr&gt;
&lt;td&gt;Row 3, Col 1&lt;/td&gt;
&lt;td&gt;Row 3, Col 2&lt;/td&gt;
&lt;td&gt;Row 3, Col 3&lt;/td&gt;
&lt;td&gt;Row 3, Col 4&lt;/td&gt;
&lt;td&gt;Row 3, Col 5&lt;/td&gt;
&lt;/tr&gt;

&lt;tr&gt;
&lt;td&gt;Row 4, Col 1&lt;/td&gt;
&lt;td&gt;Row 4, Col 2&lt;/td&gt;
&lt;td&gt;Row 4, Col 3&lt;/td&gt;
&lt;td&gt;Row 4, Col 4&lt;/td&gt;
&lt;td&gt;Row 4, Col 5&lt;/td&gt;
&lt;/tr&gt;

&lt;tr&gt;
&lt;td&gt;Row 5, Col 1&lt;/td&gt;
&lt;td&gt;Row 5, Col 2&lt;/td&gt;
&lt;td&gt;Row 5, Col 3&lt;/td&gt;
&lt;td&gt;Row 5, Col 4&lt;/td&gt;
&lt;td&gt;Row 5, Col 5&lt;/td&gt;
&lt;/tr&gt;

&lt;tr&gt;
&lt;td&gt;Row 6, Col 1&lt;/td&gt;
&lt;td&gt;Row 6, Col 2&lt;/td&gt;
&lt;td&gt;Row 6, Col 3&lt;/td&gt;
&lt;td&gt;Row 6, Col 4&lt;/td&gt;
&lt;td&gt;Row 6, Col 5&lt;/td&gt;
&lt;/tr&gt;

&lt;tr&gt;
&lt;td&gt;Row 7, Col 1&lt;/td&gt;
&lt;td&gt;Row 7, Col 2&lt;/td&gt;
&lt;td&gt;Row 7, Col 3&lt;/td&gt;
&lt;td&gt;Row 7, Col 4&lt;/td&gt;
&lt;td&gt;Row 7, Col 5&lt;/td&gt;
&lt;/tr&gt;

&lt;/table&gt;
...into Microsoft Word and doing a search/replace...replace "^p" with nothing. I think that'll do the trick.

Trevor 11-16-08 01:48 PM
Thanks to both of you!

Great gag Wally, I fell.

And since I rely on DVDtalk for ... well, everything really, big thanks to Adam.

Trevor 11-16-08 02:10 PM
<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?

X 11-16-08 03:10 PM
See the $19 cell.

Trevor 11-16-08 03:33 PM
Originally Posted by X (Post 9075851)
See the $19 cell.
Thanks. So almost the same format as the forum software.

I'll just go ahead and add the center formatting to all the cells on the template.

Trevor 11-16-08 03:51 PM
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>

WallyOPD 11-16-08 11:51 PM
Originally Posted by Trevor (Post 9075661)
Thanks to both of you!

Great gag Wally, I fell.

And since I rely on DVDtalk for ... well, everything really, big thanks to Adam.
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. :)

Trevor 11-17-08 06:30 AM
Originally Posted by WallyOPD (Post 9076689)
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. :)
Doh! I totally forgot that I could have quoted a table anywhere on the forum, and looked at the code there.

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.

Trevor 11-19-08 12:24 PM
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.

Venusian 11-19-08 01:25 PM
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>

Venusian 11-19-08 01:26 PM
btw, here are some html tags for text formatting: http://www.w3schools.com/HTML/html_formatting.asp

Trevor 11-19-08 02:54 PM
Doh! Html you say? I think I've heard of it.

Not sure that bolding command will work with lines in the table...off to experiment.

wishbone 11-19-08 02:57 PM
Originally Posted by Venusian (Post 9082064)
btw, here are some html tags for text formatting: http://www.w3schools.com/HTML/html_formatting.asp
What, no < blink > tag? ;)

Trevor 11-19-08 03:19 PM
Originally Posted by Venusian (Post 9082063)
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>
Nope, those don't work on the table formatting/borders apparently.

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.

wishbone 11-19-08 09:34 PM
Originally Posted by Trevor (Post 9082250)
Nope, those don't work on the table formatting/borders apparently.

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

Trevor 11-19-08 10:04 PM
Originally Posted by wishbone (Post 9083005)
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.
Thanks Wishbone! I think I'll make every other column border darker, so that the item and it's price will be a bit separated from the others in the row. I'll play around with your edit of the table and see what looks best.

The Bus 12-15-08 12:20 PM
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.

Travis McClain 01-27-11 11:22 PM
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?

benedict 01-28-11 03:08 AM
Re: Help creating a table
 
Originally Posted by MinLShaw (Post 10611684)
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?
Is this a different problem to the one discussed in Adam's earlier post in the thread where he wrote:<blockquote><font color=blue>"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".</font></blockquote>

Travis McClain 01-28-11 03:19 AM
Re: Help creating a table
 
Originally Posted by benedict (Post 10611803)
Is this a different problem to the one discussed in Adam's earlier post in the thread: http://forum.dvdtalk.com/9075615-post3.html
Um, no...It's the same problem. It seems the only way I can get all my code on "one" line is to either condense my reviews to one paragraph or remove them entirely, because they're what's creating the page breaks. I'll just leave it, but at least I know going forward what not to do with tables. In any event, the only time I suspect I'll create them at all will be for the assorted Challenge List threads, where few will even have to see or skip past them.

Numes 01-28-11 04:38 AM
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.

Travis McClain 01-28-11 06:56 AM
Re: Help creating a table
 
Originally Posted by Numes (Post 10611837)
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.
I loved that design! I had no idea it was a table. I'd probably feel too guilty taking you up on the offer and swiping that, but if I do I'll make sure to credit you in any such post.

Numes 01-28-11 07:05 AM
Re: Help creating a table
 
Originally Posted by MinLShaw (Post 10611868)
I loved that design! I had no idea it was a table. I'd probably feel too guilty taking you up on the offer and swiping that, but if I do I'll make sure to credit you in any such post.
For full disclosure, it was really alyxstarr that implemented that format. I got permission from her to use it and I reverse engineered it to put it into the excel format so it was much more manageable.

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.


All times are GMT -5. The time now is 04:26 AM.


Copyright © 2026 MH Sub I, LLC dba Internet Brands. All rights reserved. Use of this site indicates your consent to the Terms of Use.