Hi, how's it going? Me, I'm amazed at how bad I am at html, which is why I need the help of awesome people like you.

I am trying to set buttons on the left side of where the comic page usually shows(I have provided a link to an image of where I would like the buttons to be, basically I want them placed along the area where the red X is). Could anyone help me out figure where and what I need to write so that the buttons are placed along that area.

(To understand better the other issue I need help with, please refer to the image, basically the area I want to change is the one with turquoise scribbles)I want to change the border around the comic page to black and the text in that border to white.

Btw the site I am trying to implement these changes to is the one of Per Ardua. If you need any additional info please ask away, and thank you for your time.

http://img24.imageshack.us/img24/9291/targetu.png

An example of one of the buttons: http://www.drunkduck.com/Per_Ardua/gfx/charactersbutton.png

Well if you're using tables... You just have to add another column.

Find

<td align="center" bgcolor="#FFFFFF"><!--[PAGE]--></td>
Add this right before that line.

<td align="center" valign="top"><a href="http://www.drunkduck.com/Per_Ardua/html/YOURCHARACTERPAGE.html"><img src="http://www.drunkduck.com/Per_Ardua/gfx/charactersbutton.png" border="0" /></a></td>

I placed your button already in the new column. You get the idea.


And for the colors just replace your css. I assume you are using the black and white template code.

this
.bgcolour {
background-color: #000000;
}

and this
.subtitle {
font-family: verdana, arial, 'sans serif';
font-size: 11px;
color: #FFFFFF;
font-weight: bold;
}

Thank you mishi_hime, the problem with placing the button right before the PAGE line that you indicated is that it places the button within the white border surrounding the page and not the empty space on the left of the comic page. I kinda get it to work by placing the other column in:


The problem is that it moves the page down(problem I am trying to fix as I am typing this) and I want the buttons placed vertically along that empty space. Btw thank you on the help with the css recommendation.

Okay, I think we can get what you want using div layers instead of tables. Just forget about what I did before...

at the end of your css area
add this code

#buttons {
position:absolute;
margin-top:60px;
margin-left:100px;
width:120px;
}

and right before the table add this
<div align="left" id="buttons">
<a href="http://www.drunkduck.com/Per_Ardua/html/YOURCHARACTERPAGE.html"><img src="http://www.drunkduck.com/Per_Ardua/gfx/charactersbutton.png" width="100" height="100" border="0" /></a></div>

Thank you, thank you. Believe it or not, you taught me a lot about how css and html works. I managed to get the buttons to work thanks to your help, the only thing I had to change in the css was lowering the left margin, so that it wouldn't overlap with the page. I owe you one.

Sweet. i'm glad it all worked. Experimenting with code is a really good way to learn. That's how i did it. :3
I love those buttons, you should continue making such neat symbols. They really jive with your comic, speaking of which i'll probably end up sticking around and reading it. : )