Need help modifying a code!

[argeneau]

Hello peeps. I'm adding an affiliate table to my friends forum - but I wanted to change it around a bit (to have a seperate section for general affiliates and graphic/coding resources)

I am using the Basic Affiliate Table with Text Box that can be found on the HTML of Tables on Proboards Support and have managed to somehow tweak it but there's one thing I can figure out lol. So help would be appreciated.

Here's the Test Forum and here is the code I've been messing up lol.


<table width='92%' cellspacing='1' cellpadding='4' class='bordercolor' align='center' style='position: relative; bottom: 14px;'>
<tr>
<td class='catbg' colspan='2'>
<font size='2'><b><center>Sponsors & Affiliates<center></b></font>
</td>
</tr>
<tr>
<td width='74%' class='windowbg2' valign='top'>
<marquee onmouseover="this.stop()" onmouseout="this.start()" direction="right" scrollamount="2">

<a href="http://everythingaquatic.proboards.com/" target="_blank"><img src="http://www.americanaquariumproducts.com/images/graphics/eabutton.jpg" style="border: 0" alt="Everything Aquatic"></a>

<a href="http://twilightrenegades.proboards.com/" target="_blank"><img src="http://i325.photobucket.com/albums/k392/argeneau_lover/AffiliateBanners/TR/RB88x31.gif" style="border: 0" alt="Twilight Renegades"></a>

</marquee>
</td>
<td width='26%' valign='top' class='windowbg2' align='center'>
<img src='URL of Your MiniBanner' />
<textarea rows='3' cols='15'>
<a href="http://enjoylifetraveling.proboards.com/" target="_blank"><img src="URL of Your MiniBanner" alt="Enjoy Life Travelling" /></a>
</textarea>
</td>
</tr>

<tr>
<td class='catbg' colspan='2'>
<font size='2'><b><center>Coding/Graphics Resources<center></b></font>
</td>
</tr>

<tr>
<td class='catbg' colspan='2'>
<marquee scrollamount="2"><font size='1'><b><center>All codes and graphics used on this site belong to their respective creators and credited to the sites as shown below. We do not own any of these and they must not be copied or claim them as your own! If you see something you like, please visit the contributors by clicking on their banners below.</center></b></font></marquee>
</td>
</tr>

<tr>
<td width='100%' class='windowbg2' valign='top'>

<center>
<a href="http://tsstudios.proboards.com/" target="_blank"><img src="http://wimg.co.uk/TNi3MO.jpg" style="border: 0" alt="Transcendant Studios"></a>

<a href="http://socal.proboards26.com/" target="_blank"><img src="http://www.iycatacombs.com/socal/neon/promotion/minibanner1.gif" border="0" alt="SoCal"></a>

<a href="http://eternityonline.org.uk/eternityonline/" target="_blank"><img src="http://eternityonline.org.uk/images/mini.gif" width='88' height='31' alt="EternityOnline" border="0"></a>

</center>

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


The main issue I have, bottom right is a dark blue box that is basically where the text box would go if I had not have deleted it. I want that completely gone so the Credit banners are full width of the table. I tried changing column span from 2 to 1 and making the width 100% etc...but it makes the box go into the title bar

If thats an easy enough edit then the next thing would be, I don't like how the top table is quite high and the bottom one quite short - I know it's because of the text box with banner above it. So how do I change the width of the right hand side column to make it big enough to have the forums affiliate banner to the left of the text box, instead of above it. I presume that will reduce the distance between the 2 title bars? I want the two main boxes (the white bits) to be the same size height wise (the top one same as the bottom one) and also, how can I change the position of the text box to where I want it?

Any help please??? Oh yeah, just for the record, I know naff all about coding and to basically make the changes I have took random messing around and hoping to get lucky lol

[Blind]

I will edit it now

[Blind]

Here you go,

<table width='92%' cellspacing='1' cellpadding='4' class='bordercolor' align='center' style='position: relative; bottom: 14px;'>
<tr>
<td class='catbg' colspan='2'>
<font size='2'><b><center>Sponsors & Affiliates<center></b></font>
</td>
</tr>
<tr>
<td width='74%' class='windowbg2' valign='top'>
<marquee onmouseover="this.stop()" onmouseout="this.start()" direction="right" scrollamount="2">

<a href="http://everythingaquatic.proboards.com/" target="_blank"><img src="http://www.americanaquariumproducts.com/images/graphics/eabutton.jpg" style="border: 0" alt="Everything Aquatic"></a>

<a href="http://twilightrenegades.proboards.com/" target="_blank"><img src="http://i325.photobucket.com/albums/k392/argeneau_lover/AffiliateBanners/TR/RB88x31.gif" style="border: 0" alt="Twilight Renegades"></a>

</marquee>
</td>
<td width='50%' valign='top' class='windowbg2' align='center'>
<img src='URL of Your MiniBanner' />
<textarea rows='2' cols='10'>
<a href="http://enjoylifetraveling.proboards.com/" target="_blank"><img src="URL of Your MiniBanner" alt="Enjoy Life Travelling" /></a>
</textarea>
</td>
</tr>
</table>

<table width='92%' cellspacing='1' cellpadding='4' class='bordercolor' align='center' style='position: relative; bottom: 14px;'>
<tr>
<td class='catbg' colspan='2'>
<font size='2'><b><center>Coding/Graphics Resources<center></b></font>
</td>
</tr>

<tr>
<td class='catbg' colspan='2'>
<marquee scrollamount="2"><font size='1'><b><center>All codes and graphics used on this site belong to their respective creators and credited to the sites as shown below. We do not own any of these and they must not be copied or claim them as your own! If you see something you like, please visit the contributors by clicking on their banners below.</center></b></font></marquee>
</td>
</tr>

<tr>
<td width='100%' class='windowbg2' valign='top'>

<center>
<a href="http://tsstudios.proboards.com/" target="_blank"><img src="http://wimg.co.uk/TNi3MO.jpg" style="border: 0" alt="Transcendant Studios"></a>

<a href="http://socal.proboards26.com/" target="_blank"><img src="http://www.iycatacombs.com/socal/neon/promotion/minibanner1.gif" border="0" alt="SoCal"></a>

<a href="http://eternityonline.org.uk/eternityonline/" target="_blank"><img src="http://eternityonline.org.uk/images/mini.gif" width='88' height='31' alt="EternityOnline" border="0"></a>

</center>

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

The blue box is gone.

In regards to the size of the box with your affiliate code. As you can see now it is smaller, only slightly bigger than the other boxes. It should be fine for what you want.

[argeneau]

Thankyou so much Jye, thats great - just what I wanted! Really appreciate your help ;D

Karma for you, if I could give it lol. And to X as well of course. x

[argeneau]

Oops, one last thing. You know the 3rd title bar with the scrolling disclaimer text. How do I make the background colour white like the main box, instead of turquoise?

EDIT - Nevermind, I figured that bit out

[Blind]

No problem.
Glad i could help.

[[T]wlžTïd]

wow, i wish i could understand that coding. I tried editing some code i had before, but kept messing it up. This is javascript or what?

[Blind]

Just HTML.

[argeneau]

Yep, I wouldn't even attempt editing javascript or css. I may make minor changes to html with looking at it long enough and seeing how it works and then trial and error lol. It's too much hard work for me. As Ajay said to me once on MSN, he wanted to learn graphics and coding...so went for the easiest hehe ;-)

[Blind]

I wouldn't say designing is easiest.
Just less complicated.

[argeneau]

Less Complicated = Slightly Easier then lol

I would like to learn both, but I work 10 hours a day minimum, Global Mod on a forum, member of 5 other forums I try to visit every few days at least, also a "volunteer" on 2 other forums, helping them with their graphics/updating their headers/footers etc...

So at the moment, it's better for me to just concentrate on my graphic skills, but when I have more time, start learning basic coding and take it from there

[Blind]

It is good to know the basics of coding, big help when you are working on a website.

Come 2 weeks time i will be partaking in 2 courses. Business management along with Multimedia design, while continuing my freelancing, so i will be in the same boat as you in terms of free time.

[yilduz]

Mar 24, 2009 4:04:14 GMT -5 Blind said:

It is good to know the basics of coding, big help when you are working on a website.

Very true. I try to participate in certain graphics things here (and in the past, other forums) when I have the time because I think every coder should have basic graphic skills and ever designer should have basic coding skills. It really helps you to understand everything in its entirety when you have at least a basic understanding of the other side.