I need some advice, as my HTML skills have gotten rusty over the years. I'm usingMishi's Custom Layout to spruce up my comic, but it's just not looking right:

http://www.drunkduck.com/Angelfish_A_COV_comic

I can't seem to get the grey off the tables; I want to make them black. I know the code is #FFFFFF, but I'm not sure where to put it. I also need to change the font to either red or white. Then, there's the last table with the comment box and the comic description. Everything's off (I had to put the comment form in myself, and this is what happened. The comic description should be at the top of it's table).

Can anyone give me a hand/some thoughts?

Very very simple fix.

<table width="600" border="0" align="center" cellpadding="6" bgcolor="#BBBBBB" colspacing="0" colpadding="5">


This is one of your table lines. Notice the bgcolor="#BBBBBB" line. Just change the color to #000000 and instant black tables. In the same area you can use color="" to specify the text color. Finally, your comic description is off because you have the logo on one row, the comments themselves as another row, and then the comment box as a third row. On that third row, you have all of the other information for the other column. What you need to do is have all of the comment stuff in one subtable in the first column, and all of your extra stuff as another subtable in the second column. My site works in a similar manner, so feel free to poke at my code.

Hope this helps.

Yes blkKnight is quite right, it is a simple fix. You can also add that bgcolor="000000" to any of the other tables, they don't have to be all one color.

If you want to change the text color, find this section of text and change the bolded number to red (#FF0000) or white (#FFFFFF)


}
.toolbar a:link {color: #222222; text-decoration: underline;}
.toolbar a:visited {color: #111111; text-decoration: none;}
.toolbar a:hover {color: #CCCCCC;text-decoration: underline;background-color: #222222;}
.toolbar a:active a:hover {color: #CCCCCC;text-decoration: underline;background-color: #888888;}
body,td,th {color: #111111;}
-->
</style>



Let's see if I can explain the tables a bit more...
All this code makes up the large box at the bottom.

This is the top section.
<!--User Comments-->
<table width="600" border="0" align="center" cellpadding="6" bgcolor="#BBBBBB" colspacing="0" colpadding="5">
<tr>
<td colspan="2"><img src="http://www.drunkduck.com/YOUR_COMMENTS_URL.jpg" alt="User Comments" height="50"></td>
</tr>

This is the left section

<tr>
<td width="300" align="center" valign="top" bgcolor="#FFFFFF">
<!--[COMMENTS=300]--></td>


Everything from here down in the table is the right side.
<td align="center" width="300" valign="top"><p><b>Comic Description</b>
<p align="center"><!--[DESCRIPTION]--> etc etc etc
The order that you put the extra stuff in here is the order that it will show from top to bottom.


It looks like you put your Comments banner in the left section. You would have wanted to put it in the top section. Because it's in the left section it's stretching out the table dimensions. I believe that's why your right column is itty bitty. Both the right and left columns by default are equal size.

Thanks mishi and blkKnight, this did help me out a lot.

yay! ^_^