Troubles with Site Layout

[Dyzz]

Site Url

Hello,

So I'm working on setting up a new layout for my site, the above URL is for the testing site which is where the coding issues I'm having are taking place. I've tried a couple different codes for the two issues I'm having but nothing seems to be working. The first issue, I'm trying to replace the main forum with the tables/links (two boards per row main page mod), but I can't seem to hide the forum. I've searched and searched for a code but the one code I did find I couldn't seem to get to work. The second issue, no matter how I attempt to do it, I can't get the table cells to line up right. I've got the CSS coding for how big I want the table - 700px, but still it stretches.

If someone could help me with these two problems, I'd be eternally grateful. And I do apologize if this is in the wrong spot.

[Brian]

Moved from Support.

[Tumbleweed]

The ones where you are using images, are they to be centered and one image per row with the description below it? If so then you need to add a colspan to those td tags starting here:

<div class="cattitle">`` C R Y W O L F H I G H S C H O O L !</div>

</td></tr><tr><td colspan="2">

<div class="eventtitle"><a href="http://www.justdontcrywolf.proboards.com/index.cgi?board=eventschool"><img src="http://i49.tinypic.com/302ypa0.png"></a></div><br>

<div class="eventdesc">--up all year--</div>



If you are trying to put images side by side keeping the two colums then you'll need to just use </td><tr> in every other one like you did for most of your board instead of </td></tr><tr><td>:

<div class="cattitle">`` C R Y W O L F H I G H S C H O O L !</div>

</td></tr><tr><td>

<div class="eventtitle"><a href="http://www.justdontcrywolf.proboards.com/index.cgi?board=eventschool"><img src="http://i49.tinypic.com/302ypa0.png"></a></div><br>

<div class="eventdesc">--up all year--</div>

</td><td>

<div class="eventtitle"><a href="http://www.justdontcrywolf.proboards.com/index.cgi?board=schooleventss"><img src="http://i49.tinypic.com/2ptcept.png"></a></div><br>

<div class="eventdesc">--closing soon--</div>

</td></tr><tr><td>

I'm not great at javascript and I'm tired to top it off but put this at the bottom of your main header (It'll be at the top if you have nothing else in it and that is o.k.):

<div id="hideboards" style="display:"";">

And this at the very top of your main footer.

</div>

<script type="text/javascript">

<!--

if (!location.href.match(/action=/)) document.getElementById('hideboards').style.display="none";

// -->

</script>

If I'm thinking right it'll allow you to access your headers/footers, pm's, login and a board/sub-boards but hide the real boards on the main page. However, this also hides your info center and I'm not quite sure how to unhide the info center if you want it to show. Maybe some sleep will help but don't count on it because I'm not a javascript writer at all.

Otherwise, I'll try to do a search to see if I can come up with something. I do know Wormopolis has a code that relocates all that stuff and hides the boards properly with this code:

www.wormocodes.com/index.cgi?board=codedb&action=display&thread=809&page=1