Aligning Side Boxes

[youandicamping]

Board URL: offroadcamping.proboards99.com

Problem: I am having trouble with aligning side boxes. I have two on my forum and I don't like with they are.

Need Help with
Placement of one each on either side of the logo.
To Align with the logo sides, not the side of the board.
Can I put a small image in these boxes?

[Patrick [ASE]]

May 4, 2008 3:03:04 GMT -8 youandicamping said:

Board URL: offroadcamping.proboards99.com

Problem: I am having trouble with aligning side boxes. I have two on my forum and I don't like with they are.

Need Help with
Placement of one each on either side of the logo.
To Align with the logo sides, not the side of the board.
Can I put a small image in these boxes?

How about

Just a reminder ---------- ---------- ----------

Slideshow here

Just a reminder ---------- ---------- ----------

<table>
<tr>
<td valign="top">
LEFT TABLE HERE
</td>
<td valign="top">
SLIDESHOW HERE
</td>
<td valign="top">
RIGHT TABLE HERE
</td>
</tr>
</table>

[youandicamping]

That would be great. Perfect! I would like to do the sides boxes like that, please. Great Idea! What do I do from here?

[Patrick [ASE]]

Use this method, where it says TABLE HERE, add the left and right tables accordingly, and add your slideshow where indicated


<table>
<tr>
<td valign="top">
LEFT TABLE HERE
</td>
<td valign="top">
SLIDESHOW HERE
</td>
<td valign="top">
RIGHT TABLE HERE
</td>
</tr>
</table>

Can I put a small image in these boxes?

<img src="url of image" alt="" />

[youandicamping]

ASE, thanks for your Help! I get the concept, but I am making a mess out of it. I tried this:


<table>
<tr>
<td valign="top">
<table width="250px" cellpadding="4" cellspacing="1" align="left" class="bordercolor">
<tr>
<td class="titlebg" width="100%" colspan="2" align="left">
<font size=2><b>Table Title</B></font>
</td>
</tr>
<tr>
<td width="100%" class="windowbg2" vAlign="left" align="center"><font size=2>Contents of Table Here</font>
</td>
<td valign="top">
SLIDESHOW HERE
</td>
<td valign="top">
<table width="250px" cellpadding="4" cellspacing="1" align="right" class="bordercolor">
<tr>
<td class="titlebg" width="100%" colspan="2" align="right">
<font size=2><b>Table Title</B></font>
</td>
</tr>
<tr>
<td width="100%" class="windowbg2" vAlign="right" align="center"><font size=2>Contents of Table Here</font>
</td>
</tr>
</table>

Red = what I changed (right/left), 250px changed to 200px.

[Patrick [ASE]]

in the left and right 'new' cells, you need to close the (black)tables, i've done this in purple

<table>
<tr>
<td valign="top">

<table width="250px" cellpadding="4" cellspacing="1" align="left" class="bordercolor">
<tr>
<td class="titlebg" width="100%" colspan="2" align="left">
<font size=2><b>Table Title</B></font>
</td>
</tr>
<tr>
<td width="100%" class="windowbg2" vAlign="left" align="center"><font size=2>Contents of Table Here</font>
</td>
</tr>
</table>
</td>
<td valign="top">

<center>
<p style="visibility:visible;"><object type="application/x-shockwave-flash"
-------
-------
</p></p>
</center>

</td>
<td valign="top">
<table width="250px" cellpadding="4" cellspacing="1" align="right" class="bordercolor">
<tr>
<td class="titlebg" width="100%" colspan="2" align="right">
<font size=2><b>Table Title</B></font>
</td>
</tr>
<tr>
<td width="100%" class="windowbg2" vAlign="right" align="center"><font size=2>Contents of Table Here</font>
</td>
</tr>
</table>
</td>
</tr>
</table>

the centre 'new' cell is just the slideshow code (green)

[youandicamping]

OOOHHH NOOOO!
I totally mess this up. I can't get into the admin section to take the code back out. My board is not showing up and one side box and box for the slide show, shows up.

Tried this and I can't get in, HELP!
Go to your board (e.g. your-board.proboards.com/)
Click on the LOGIN button.
Add "&NOHEADERS=1" onto the end of the URL (e.g. offroadcamping.proboards99.com/index.cgi?action=login&NOHEADERS=1)

Type in your username and password, click login.
Now change the URL in your address bar to be index.cgi?action=headersfooters&NOHEADERS=1 (e.g. offroadcamping.proboards99.com/index.cgi?action=headersfooters&NOHEADERS=1)
You will now be able to modify your headers and footers.

Totally not panicking, just want to get it fixed. Thanks!

[Patrick [ASE]]

I edited the links so they work in your post ^

if you were still logged in, just click the second one

[youandicamping]

Thank You, ASE! I am in.

Do you know what I did wrong?
Should I try this again?

[Patrick [ASE]]

copy the last table i posted, and try again
if you mess it up, you can hit the back button on your browser to re edit the code

[youandicamping]

Sounds like a Good Idea! ;D

One question, can I put my board on Maintenance Mode and would you still be able to get in to see?


EDIT:
I re-entered the code from above and got it to work. The sizing was too big so I played with the px size. Went to 200px. Now everything is off to the left of the board. What next, please!

[Patrick [ASE]]

May 4, 2008 6:28:58 GMT -8 youandicamping said:

Sounds like a Good Idea! ;D

One question, can I put my board on Maintenance Mode and would you still be able to get in to see?

the table will still be visible, so yeah.

Or you could play in a test board

[youandicamping]

May 4, 2008 6:28:58 GMT -8 youandicamping said:

EDIT:
I re-entered the code from above and got it to work. The sizing was too big so I played with the px size. Went to 200px. Now everything is off to the left of the board. What next, please!

Never mind, I just added <center></center> to the code and it centered evrything.

[youandicamping]

ASE, Thanks for Helping me. I really appreciate your time. I saw your post above above adding the images. Thanks!

Another thing, I would like to be able to use Hyper-links. Can I do that and what do I need to make it work?

[Patrick [ASE]]

You're welcome

here's all the hyperlink variations

Text links
---------
<a href="URL OF LINK">TEXT TO DISPLAY</a> (same window)
-----------------------------------------------
<a href="URL OF LINK" target="_blank">TEXT TO DISPLAY</a> (new window)
-----------------------------------------------
<a href="mailto:EMAIL ADDRESS">TEXT TO DISPLAY</a>
==================================

Image links
---------
<a href="URL OF LINK"><img src="URL OF IMAGE" border="0" alt="" /></a> (open in same window)
-----------------------------------------------
<a href="URL OF LINK" target="_blank"><img src="URL OF IMAGE" border="0" alt="" /></a> (open in new window)
---------------------------------------------
<a href="mailto:EMAIL ADDRESS"><img src="URL OF IMAGE" border="0" alt="" /></a>