No announcement yet.

Left Align Ad & cut Active Thread

  • Filter
  • Time
  • Show
Clear All
new posts

  • Left Align Ad & cut Active Thread

    Good Day

    I am looking to do two things on my forum. Please see the link for a better understanding of what I need to do

    1. I want to align the banner completely to the left site of the page so that it can stand side by side to the forum logo. There is a wide open white space I want to be closed.

    2. I want to cut the "Active Thread" box that expands all the way across the page. I want to cut it in half to allow it to be on the left side of the forum under the forum logo.

    Thanks in advance.

  • #2
    1) From your page source, make the change in red:

    <!-- logo -->
    <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
    	<td valign="top">
    <a name="top"></a>
    <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center">
    	<td align="left"><a href="index.php"><img src="./bingo/header/old-bingobiggy.gif" border="0" alt=" Friendly Bingo Community." /></a></td>
    	<td align="[color=red]left[/color]">
    <script language='JavaScript' type='text/javascript' src=''></script>
    <!-- BEGIN ad 96495895 --><a href=';zoneid=1&amp;source=&amp;' target='_blank'><img src=';contenttype=gif' width='468' height='60' alt='' title='' border='0'></a><div id="beacon_13" style="position: absolute; left: 0px; top: 0px; visibility: hidden;"><img src=';clientid=18&amp;zoneid=1&amp;source=&amp;block=0&amp;capping=0&amp;cb=90edff5453e94db172343c1dfe05f2aa' width='0' height='0' alt='' style='width: 0px; height: 0px;'></div><!-- END ad 96495895 -->
    2) From your page source, change the table width (scroll right):

    <!-- show latest active threads -->
    <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="[color=red]100%[/color]" 
    <td class="thead" colspan="2">
    <a style="float:right" href="#top" onclick="return toggle_collapse('forumhome_external')"><img 
    src="images/buttons/collapse_thead.gif" alt="" border="0" /></a>
    <a href="search.php?do=getnew">Latest Active Threads</a>
    <tbody id="collapseobj_forumhome_external" style="">
    <td class="alt1" width="100%">
    <div class="smallfont">
    <script type="text/javascript" src="external.php?type=js"></script> 
    <script language="" type="text/javascript">
    for (x = 0; x < 8; x++)
    document.writeln("<img class=\"inlineimg\" src=\"images/buttons/lastpost.gif\" alt=\"\" border=\"0\" /> <a href=\"showthread.php?t="+threads[x].threadid+"\">"+threads[x].title+"</a> <span class=\"time\">(Posted By: "+threads[x].poster+")</span><br />");
    <!-- show latest active threads -->


    • #3
      Your post was very helpful. I got to adjust both items. I have one last issue please. The "Active Thread" box was adjusted to be smaller by changing the 100%

      I notice that to position it there is a align="center">, when I change this to left it appears distorted. There is alot of space that I want to put other info at.

      What I want to do is align it to the left exactly below the logo

      Thank you again
      Last edited by 52pokercardman; Tue 10 Oct '06, 8:42pm.


      • #4
        any help here.please


        • #5
          Try putting the whole thing in a left-aligned div.


          widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.