PDA

View Full Version : Banner Align

Reece^B
10-31-2008, 09:47 AM
Hey,

Im using this code to align my banner right.
However I can't get it to align far right.

<td align="right">
$random_banner[1]
</td>

Preview
http://img516.imageshack.us/my.php?image=pbcrq6.jpg
Lynne
10-31-2008, 02:18 PM
What does the table look like that it's in - is it's width 100%? Is there another column after the one your put the banner in? It's very hard to say what the problem is since we can't actually look at the page source.
Reece^B
11-01-2008, 11:42 AM
The random banner code made by Jake Bunce from here.

http://www.vbulletin.com/forum/showthread.php?t=170826

The source code from the header template.

<!-- START HEADER -->
<body onLoad="MM_preloadImages('images/2e_forest/2EVOLVE_forestROLL_04.gif','images/2e_forest/2EVOLVE_forestROLL_05.gif','images/2e_forest/2EVOLVE_forestROLL_06.gif','images/2e_forest/2EVOLVE_forestROLL_07.gif','images/2e_forest/2EVOLVE_forestROLL_09.gif','images/2e_forest/2EVOLVE_forestROLL_10.gif')"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="426" height="147" valign="top"><table width="100" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="426" height="147" valign="top"><img src="images/2e_forest/2EVOLVE_forest_01.png" width="426" height="147"></td>
<td align="$stylevar[right]" id="header_right_cell">
<td align="right">
$random_banner[1]
</td>

</tr>

</table></td>
<td width="253">&nbsp;</td>
<td width="158">&nbsp;</td>
</tr>
<tr>
<td height="35" colspan="2" valign="top"><table width="100" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="88" height="35" valign="top"><a href="index.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','images/2e_forest/2EVOLVE_forestROLL_04.gif',1)"><img src="images/2e_forest/2EVOLVE_forest_04.gif" alt="Frontpage" name="Image2" width="88" height="35" border="0"></a></td>
<td width="108" valign="top"><a href="usercp.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','images/2e_forest/2EVOLVE_forestROLL_05.gif',1)"><img src="images/2e_forest/2EVOLVE_forest_05.gif" alt="Control Panel" name="Image3" width="108" height="35" border="0"></a></td>
<td width="113" valign="top"><a href="memberlist.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','images/2e_forest/2EVOLVE_forestROLL_06.gif',1)"><img src="images/2e_forest/2EVOLVE_forest_06.gif" alt="Members" name="Image4" width="113" height="35" border="0"></a></td>
<td width="104" valign="top"id="navbar_search"><a href="search.php$session[sessionurl_q]" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','images/2e_forest/2EVOLVE_forestROLL_07.gif',1)"><img src="images/2e_forest/2EVOLVE_forest_07.gif" alt="Search Boards" name="Image5" width="104" height="35" border="0"></a><script type="text/javascript"> vbmenu_register("navbar_search", true); </script></td>
<td width="85" valign="top"><a href="faq.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','images/2e_forest/2EVOLVE_forestROLL_08.gif',0)"><img src="images/2e_forest/2EVOLVE_forest_08.gif" alt="Faq" name="Image6" width="85" height="35" border="0"></a></td>
<td width="91" valign="top"id="usercptools"><a href="$show[nojs_link]#usercptools" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','images/2e_forest/2EVOLVE_forestROLL_09.gif',1)"><img src="images/2e_forest/2EVOLVE_forest_09.gif" alt="Quicklinks" name="Image7" width="91" height="35" border="0"></a><script type="text/javascript"> vbmenu_register("usercptools", true); </script></td>
<td width="90" valign="top"><a href="register.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','images/2e_forest/2EVOLVE_forestROLL_10.gif',1)"><img src="images/2e_forest/2EVOLVE_forest_10.gif" alt="Register!" name="Image8" width="90" height="35" border="0"></a></td>
</tr>

</table></td>
<td>&nbsp;</td>
</tr>
</table>
<!-- END HEADER -->


<!-- content table -->
$spacer_open

$_phpinclude_output
Lynne
11-01-2008, 04:37 PM
It won't align completely right because you have two other columns after it which each have a width (one of 253, the other 158). What are they for - why do you have them? Get rid of them and do a colspan="3" in the first. (Actually, get rid of them, and the extra one below and redo the table columns - you only need one column in each row.)
Reece^B
11-02-2008, 04:18 PM
humm, I can't get it to work.

How should that code look?
Lynne
11-02-2008, 04:25 PM
humm, I can't get it to work.

How should that code look?
Post what you tried and we can point out what is wrong.
Reece^B
11-02-2008, 05:15 PM
<!-- START HEADER -->
<body onLoad="MM_preloadImages('images/2e_forest/2EVOLVE_forestROLL_04.gif','images/2e_forest/2EVOLVE_forestROLL_05.gif','images/2e_forest/2EVOLVE_forestROLL_06.gif','images/2e_forest/2EVOLVE_forestROLL_07.gif','images/2e_forest/2EVOLVE_forestROLL_09.gif','images/2e_forest/2EVOLVE_forestROLL_10.gif')"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="426" height="147" valign="top"><table width="100" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="426" height="147" valign="top"><img src="images/2e_forest/2EVOLVE_forest_01.png" width="426" height="147"></td>
<td align="$stylevar[right]" id="header_right_cell">
<td align="right">
$random_banner[1]
</td>

</tr>

</table></td>
<td colspan="3"></td>
</tr>
<tr>
<td height="35" colspan="2" valign="top"><table width="100" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="88" height="35" valign="top"><a href="index.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','images/2e_forest/2EVOLVE_forestROLL_04.gif',1)"><img src="images/2e_forest/2EVOLVE_forest_04.gif" alt="Frontpage" name="Image2" width="88" height="35" border="0"></a></td>
<td width="108" valign="top"><a href="usercp.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','images/2e_forest/2EVOLVE_forestROLL_05.gif',1)"><img src="images/2e_forest/2EVOLVE_forest_05.gif" alt="Control Panel" name="Image3" width="108" height="35" border="0"></a></td>
<td width="113" valign="top"><a href="memberlist.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','images/2e_forest/2EVOLVE_forestROLL_06.gif',1)"><img src="images/2e_forest/2EVOLVE_forest_06.gif" alt="Members" name="Image4" width="113" height="35" border="0"></a></td>
<td width="104" valign="top"id="navbar_search"><a href="search.php$session[sessionurl_q]" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','images/2e_forest/2EVOLVE_forestROLL_07.gif',1)"><img src="images/2e_forest/2EVOLVE_forest_07.gif" alt="Search Boards" name="Image5" width="104" height="35" border="0"></a><script type="text/javascript"> vbmenu_register("navbar_search", true); </script></td>
<td width="85" valign="top"><a href="faq.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','images/2e_forest/2EVOLVE_forestROLL_08.gif',0)"><img src="images/2e_forest/2EVOLVE_forest_08.gif" alt="Faq" name="Image6" width="85" height="35" border="0"></a></td>
<td width="91" valign="top"id="usercptools"><a href="$show[nojs_link]#usercptools" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','images/2e_forest/2EVOLVE_forestROLL_09.gif',1)"><img src="images/2e_forest/2EVOLVE_forest_09.gif" alt="Quicklinks" name="Image7" width="91" height="35" border="0"></a><script type="text/javascript"> vbmenu_register("usercptools", true); </script></td>
<td width="90" valign="top"><a href="register.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','images/2e_forest/2EVOLVE_forestROLL_10.gif',1)"><img src="images/2e_forest/2EVOLVE_forest_10.gif" alt="Register!" name="Image8" width="90" height="35" border="0"></a></td>
</tr>

</table></td>
<td>&nbsp;</td>
</tr>
</table>
<!-- END HEADER -->


<!-- content table -->
$spacer_open

$_phpinclude_output
Lynne
11-02-2008, 05:24 PM
The way you did it makes a total of four columns:

<tr>
<td colspan="3" width="426" height="147" valign="top"><table width="100" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="426" height="147" valign="top"><img src="images/2e_forest/2EVOLVE_forest_01.png" width="426" height="147"></td>
<td align="$stylevar[right]" id="header_right_cell">
<td align="right">
$random_banner[1]
</td>

</tr>

</table></td>
</tr>
You do have the top column width set to 426 and then the first column in the table also set to 426. That makes no sense. I'm not sure why you do that or what sort of affect that is going to have here. Why are you doing that? You may want to rethink the html for your table.
Reece^B
11-03-2008, 09:46 AM
It wasn't me who coded the style, this code you see is what it had originally.
snakes1100
11-03-2008, 09:57 AM
That coding is to messed up, you need to recode that completely.
Reece^B
11-03-2008, 12:53 PM
Im not a coder lol, I downloaded that for free from here.

Brill style, just need to sort that banner.
snakes1100
11-03-2008, 03:13 PM
I would suggest that you post in the thread that you got the style from for support of that style.
Reece^B
11-03-2008, 05:38 PM
The original designer for that style doesn't do graphics any more, a member from here updated it.