blank sections

I will try to explain this as well as possible. I have this on my forum right now . . .



I want to be able to have this, WITH still the option of adding more icons in the html code side by side.



The code i have for the icons in the first image is bellow. Thank you very much!
~ Atlantica ~

Code:

<table border="0" width="100%">
  <tbody><tr>
<!-- Row 1 -->
    <td align="center"><a href="http://socialsignal.friendhood.net/social-house-newz-f1/" title="News Headlines"><img src="http://i753.photobucket.com/albums/xx174/laputah/Inside-newsvine-64.png" border="none</a"></a></td><!-- Col 1 -->
    <td align="center"><a href="http://socialsignal.friendhood.net/advertisement-signal-f5/" title="Advertisement"><img src="http://i753.photobucket.com/albums/xx174/laputah/Inside-rss-64.png" border="none</a"></a></td><!-- Col 2 -->
    <td align="center"><a href="http://socialsignal.friendhood.net/the-social-house-f3/" title="Socialization"><img src="http://i753.photobucket.com/albums/xx174/laputah/Inside-blogblogs-64.png" border="none</a"></a></td><!-- Col 3 -->
    <td align="center"><a href="http://socialsignal.friendhood.net/rules-guidelines-f2/" title="Tos - Rules"><img src="http://i753.photobucket.com/albums/xx174/laputah/Inside-whosamungus-64.png" border="none</a"></a></td><!-- Col 4 -->
  </tr>
  <tr><!-- Row 2 -->
    <td align="center">

News Headlines<br></td><!-- Col 1 -->
    <td align="center">
Advertisement<br></td><!-- Col 2 -->
    <td align="center">
Socialization</td><!-- Col 3 -->
    <td align="center">
Tos - Rules<br></td><!-- Col 4 -->
  </tr></tbody></table>

Just try to remove the <!-- Col 4 --> commented parts. I mean before that comment. So from "<!-- Col 3 -->" to "<!-- Col 4 -->". Just erase it.
Here:

Code:

<table border="0" width="100%">
  <tbody><tr>
<!-- Row 1 -->
    <td align="center"><a href="http://socialsignal.friendhood.net/social-house-newz-f1/" title="News Headlines"><img src="http://i753.photobucket.com/albums/xx174/laputah/Inside-newsvine-64.png" border="none</a"></a></td><!-- Col 1 -->
    <td align="center"><a href="http://socialsignal.friendhood.net/advertisement-signal-f5/" title="Advertisement"><img src="http://i753.photobucket.com/albums/xx174/laputah/Inside-rss-64.png" border="none</a"></a></td><!-- Col 2 -->
    <td align="center"><a href="http://socialsignal.friendhood.net/the-social-house-f3/" title="Socialization"><img src="http://i753.photobucket.com/albums/xx174/laputah/Inside-blogblogs-64.png" border="none</a"></a></td><!-- Col 3 -->
  </tr>
  <tr><!-- Row 2 -->
    <td align="center">

News Headlines<br></td><!-- Col 1 -->
    <td align="center">
Advertisement<br></td><!-- Col 2 -->
    <td align="center">
Socialization</td><!-- Col 3 -->
  </tr></tbody></table>

And if you need to add more pictures and text just follow the template. It is pretty straightforward. Tell me if it worked.

The issue i still have is the images do not center in the section. They stay to the left half of it . . . . how can i fix that?

I know there is a way because if you remember the link jumble, it did not have the right part where it shows how many posts and who posed last and all the links were centered . . . .

I see. Then try to insert an "align" command to the table itself.
Just change the first row of the code with this:

Code:

<table border="0" width="100%" align="center">

Any luck?

nope

http://socialsignal.friendhood.net/index.htm

take a look . . . .

Try this:

Code:

<table border="0" width="100%" align="center">
  <tbody>
<tr>
<!-- Row 1 -->
    <td colspan="1" class='row1' align="center" width="33%"><a href="http://socialsignal.friendhood.net/social-house-newz-f1/" title="News Headlines"><img src="http://i753.photobucket.com/albums/xx174/laputah/Inside-newsvine-64.png" border="none</a"></a></td><!-- Col 1 -->
    <td colspan="1" class='row1' align="center" width="33%"><a href="http://socialsignal.friendhood.net/advertisement-signal-f5/" title="Advertisement"><img src="http://i753.photobucket.com/albums/xx174/laputah/Inside-rss-64.png" border="none</a"></a></td><!-- Col 2 -->
    <td colspan="1" class='row1' align="center" width="33%"><a href="http://socialsignal.friendhood.net/the-social-house-f3/" title="Socialization"><img src="http://i753.photobucket.com/albums/xx174/laputah/Inside-blogblogs-64.png" border="none</a"></a></td><!-- Col 3 -->
  </tr>


  <tr>
<!-- Row 2 -->
    <td align="center">
News Headlines<br></td><!-- Col 1 -->
    <td align="center">
Advertisement<br></td><!-- Col 2 -->
    <td align="center">
Socialization</td><!-- Col 3 -->
  </tr></tbody></table>

Any change?

Lets first establish this what i have, This is what it looks like right now,
1


Using this code,

Code:

<table align="center" border="0" width="100%">
  <tbody><tr>
<!-- Row 1 -->
    <td align="center"><a href="http://socialsignal.friendhood.net/social-house-newz-f1/" title="News Headlines"><img src="http://i753.photobucket.com/albums/xx174/laputah/Inside-newsvine-64.png" border="none</a"></a></td><!-- Col 1 -->
    <td align="center"><a href="http://socialsignal.friendhood.net/advertisement-signal-f5/" title="Advertisement"><img src="http://i753.photobucket.com/albums/xx174/laputah/Inside-rss-64.png" border="none</a"></a></td><!-- Col 2 -->
    <td align="center"><a href="http://socialsignal.friendhood.net/the-social-house-f3/" title="Socialization"><img src="http://i753.photobucket.com/albums/xx174/laputah/Inside-blogblogs-64.png" border="none</a"></a></td><!-- Col 3 -->
    <td align="center"><a href="http://socialsignal.friendhood.net/rules-guidelines-f2/" title="Tos - Rules"><img src="http://i753.photobucket.com/albums/xx174/laputah/Inside-whosamungus-64.png" border="none</a"></a></td><!-- Col 4 -->
<td align="center"><a href="http://socialsignal.friendhood.net/rules-guidelines-f2/" title="Tos - Rules"><img src="http://i753.photobucket.com/albums/xx174/laputah/Inside-whosamungus-64.png" border="none</a"></a></td><!-- Col 4 -->
  </tr>
  <tr><!-- Row 2 -->
    <td align="center">

News Headlines<br></td><!-- Col 1 -->
    <td align="center">
Advertisement<br></td><!-- Col 2 -->
    <td align="center">
Socialization<br></td><!-- Col 2 -->
    <td align="center">
Facebook</td><!-- Col 3 -->
    <td align="center">
Tos - Rules<br></td><!-- Col 4 -->
  </tr></tbody></table>

2
Now bellow is using the other code.

Code:

<div class="forabg"><div class="inner"><span class="corners-top"><span></span></span><ul class="topiclist">

<!-- **************************************** -->

<li class="header"><dl class="icon"><dd class="dterm"><div class="table-title">
<h2>Social Signal</h2></div></dd></dl></li></ul>

<!-- **************************************** -->

<ul class="topiclist forums">
<li class="row">

<dl class="icon" style="background: url("xhttp://2img.net/i/fa/prosilver_magenta/forum_read.gif") no-repeat scroll 10px 50% transparent; -moz-background-inline-policy: continuous;">

<dd class="dterm"><div style="margin: 0pt 0px 0pt 10px; display: block;">


<table style="text-align: center;" align="center" width="100%">
<tbody><tr>


</tr></tbody></table><table align="center" border="0" width="100%">

<tbody><tr>
<!-- Row 1 -->
<td colspan="1" class="row1" align="center" width="33%"><a href="LINK URL HERE" title="News Headlines"><img src="IMAGE URL HERE" border="none</a"></a></td><!-- Col 1 -->
<td colspan="1" class="row1" align="center" width="33%"><a href="LINK URL HERE" title="Advertisement"><img src="IMAGE URL HERE" border="none</a"></a></td><!-- Col 2 -->
<td colspan="1" class="row1" align="center" width="33%"><a href="LINK URL HERE" title="Socialization"><img src="IMAGE URL HERE" border="none</a"></a></td><!-- Col 3 -->
</tr>


<tr>
<!-- Row 2 -->
<td align="center">
TEXT 1<br></td><!-- Col 1 -->
<td align="center">
TEXT 2<br></td><!-- Col 2 -->
<td align="center">
TEXT 3</td><!-- Col 3 -->
</tr></tbody></table>




</div></dd></dl></li>


</ul><span class="corners-bottom"><span></span></span></div></div>

Remember what i want is this,


So both are not working. Do you get it?
You can make one like bellow but you have to put it in a html page. I am simply putting the html code in the forum description. That is why in image number 2 we can see it is creating one inside the other.

The link jumble Joel had was what created one. Getting the link jumble html will solve this issue. If Joel would come out with the code or state where he got it (if he didn't make it himself) that would be fantastic.

I sent you the codes via PM.

youre code isnt working for me.