Coding Proboards coding help

[Icewolf 258]

I am trying to make a html table for my board - it's mainly something I designed to give spotlight to new characters, link to rps, say which canon characters that the board is needing, etc. I thought it would be a good way to draw attention to what's new on the board and to help new comers find people to write with, etc.

 

I've got most of the coding sorted out, but when I place the coding on to the site, the gaps I had between the table cells vanish and they run together. I was hoping someone could help me with the code so that the gaps appear (there should be 10px gap between the cells.) The colours I'm using was just to make the cells visible and will be changed to match the board once I've figured this problem out.

 

The code I'm using is:

 

<table border="1" cellspacing="10" width="955">
<tr>
<td bgcolor="#00FF00">Character Spotlight</td>
<td bgcolor="#00FF00">Wanted Characters</td>
<td bgcolor="#00FF00">Active Storylines</td>
<td bgcolor="#00FF00">Links</td>
</tr>
<tr>
<td><table border="1" cellspacing="20">
<tr>
<td bgcolor="#00FF00"><a href="http://legends-of-arda.boards.net/thread/11/kili-icewolf"><img src="http://i.imgur.com/ho3uah2.png" border="0" alt="Kili"></a></td>
<td bgcolor="#00FF00"><a href="http://legends-of-arda.boards.net/thread/29/lyndheids-profile-icewolf-progress"><img src="http://i.imgur.com/7iBsWpR.jpg" border="0" alt="Lyndheid"></a></td>
<td bgcolor="#00FF00"><a href="http://legends-of-arda.boards.net/thread/27/lofnheid-icewolf"><img src="http://i.imgur.com/ZfGHT7a.jpg" border="0" alt="Lofnheid"></a></td>
</tr>
<tr>
<td bgcolor="#00FF00"><a href="http://legends-of-arda.boards.net/thread/28/loni-icewolf"><img src="http://i.imgur.com/Cch1RTA.png" border="0" alt="Loni"></a></td>
<td bgcolor="#00FF00"><a href="http://legends-of-arda.boards.net/thread/43/iolien-oaktwig"><img src="http://i.imgur.com/fJaX1mF.jpg" border="0" alt="Iolien Oaktwig "></a></td>
<td bgcolor="#00FF00">Empty</td>
</tr>
</table></td>
<td><table border="1" cellspacing="10">
	
		<tr>
			<td bgcolor="#00FF00"> Thorin Oakenshield</td>
			<td bgcolor="#00FF00"> Fili</td>
		</tr>
		<tr>
			<td bgcolor="#00FF00"> Dwalin</td>
			<td bgcolor="#00FF00"> Balin</td>
		</tr>
		<tr>
			<td bgcolor="#00FF00"> Radagast</td>
			<td bgcolor="#00FF00"> Beorn</td>
		</tr>
		<tr>
			<td bgcolor="#00FF00"> Bilbo Baggins</td>
			<td bgcolor="#00FF00"> Frodo Baggins</td>
		</tr>
		<tr>
			<td bgcolor="#00FF00"> Lord Elrond</td>
			<td bgcolor="#00FF00"> Thranduil</td>
		</tr>
		<tr>
			<td bgcolor="#00FF00"> Samwise Gamgee</td>
			<td bgcolor="#00FF00"> Gandalf</td>
		</tr>
		<tr>
			<td bgcolor="#00FF00"> Aragorn</td>
			<td bgcolor="#00FF00"> Eowyn</td>
		</tr>
	
</table></td>
<td><table border="1" cellspacing="10">
	
		<tr>
			<td bgcolor="#00FF00">After the Battle of the Five Armies </td>
		</tr>
		<tr>
			<td bgcolor="#00FF00">Where the Wind Blows </td>
		</tr>
		<tr>
			<td bgcolor="#00FF00">r </td>
		</tr>
		<tr>
			<td bgcolor="#00FF00">r </td>
		</tr>
		<tr>
			<td bgcolor="#00FF00">r </td>
		</tr>
		<tr>
			<td bgcolor="#00FF00">r </td>
		</tr>
		<tr>
			<td bgcolor="#00FF00">r </td>
		</tr>
	
</table></td>
<td><table border="1" cellspacing="10">
	
		<tr>
			<td bgcolor="#00FF00">Welcome</td>
			<td bgcolor="#00FF00">Site Credits </td>
		</tr>
		<tr>
			<td bgcolor="#00FF00">Staff Required</td>
			<td bgcolor="#00FF00">Help!</td>
		</tr>
		<tr>
			<td bgcolor="#00FF00">Character Sheets</td>
			<td bgcolor="#00FF00">Adoptable Characters</td>
		</tr>
		<tr>
			<td bgcolor="#00FF00">Fan Fiction</td>
			<td bgcolor="#00FF00">Link To</td>
		</tr>
		<tr>
			<td bgcolor="#00FF00">Site Directory</td>
			<td bgcolor="#00FF00">Affiliates</td>
		</tr>
	
</table>

TUMBLR
LIVEJOURNAL

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

 

Edited November 20, 2016 by Icewolf

[Morrigan 1,826]

@Icewolf can you link to where the code is being displayed. When I save it as a standard HTML file it appears to be working as intended.

[Icewolf 258]

Sure. I think it must be something in the proboards code that's causing it, but I don't know what. I've noticed sometimes that the <p></p> tags don't always put a space between paragraphs on some sites now, and I have to use multiple <br> tags instead. It could be they're using a newer version of html as my knowledge of it is of the older tags.

 

http://legends-of-arda.boards.net/

[Morrigan 1,826]

@Robmin could you tell me if this is a Proboard problem or not?

[Icewolf 258]

I don't know since I don't do a great deal of coding for proboards. The theme I'm using is a pre-made one, apart from the graphics. I've only really added the links and the table I coded.

[Morrigan 1,826]

Sorry that it wasn't clear. @Robmin is a proboards coder and so I'm trying to see if he can help us out.

[Robmin 10]

HI am I okay to c&p it onto my own site? (SHIELD) just temporarily. This is the quickest way I have of finding out if its a proboards problem or not (especially as I don't normally use tables!) though I think it -is- a proboards problem.

 

I can rewrite the code so it works all using divs that lets you put the 10px space around? Just proboards by default 0s out the cellspacing range from what I'm seeing via the style sheet. 

[Icewolf 258]

Sure. That would be great. It's only a simple table so I don't mind if people experiment with it.

[Icewolf 258]

Just thought I'd leave a note to say that I've got the table sorted with a bit of help from someone on the proboards support site.