deadhook1
01-09-2007, 07:33 PM
I've tried a bunch of places and am not really getting any help, but I think it's probably any easy thing, just I'm not able to get it figure out.
I'm trying to make a banner that spans the 100% top of my page. I used a code from another site I found with exactly what I'm looking to do, but can't get an image into the background of the table and at the right height.
So, can anyone tell me how I get my custom background image in there to stretch 100% of the page within the table that would sit behind my custom logo image that sits on the left? I also want it to be the exact same height as the clickable logo I made.
I made a logo image that sits on the left side and background image. I tried to get it to work and the image came up and the table looked correct, but the background was black and I can't figure out at all how to insert my image and adjust the height to the same size as the background image.
This is the site with exactly I want to do. You can see that they have a clickable image as a link/logo on the left...I've got that down and working. But they have a grass looking background and I can't figure out where it is in the code/script or what i need to do to get my background working.
http://www.socalsoccer.com/forum/
This is the code I'm using and if you use it on a test board you'll see that the logo comes up, the format is good but that background is black and too tall.
I'D BE HUGELY GRATEFUL FOR ANY HELP!!!!!!!!!
<!-- breadcrumb, login, pm info -->
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" background="water.jpg align="center">
<tr>
<td colspan="2" id="header"><a href="http://www.deadhookforums.com/index.php"><img src="http://star.walagata.com/w/deadhook/X_TABLE_LOGO.jpg" alt="Forums" width="700" height="156" border="0" /></a></td>
</tr>
<tr>
<td class="alt1" width="100%">
<div class="navbar" style="font-size:10pt"><a href="http://www.deadhookforums.com/index.php" accesskey="1"><img class="inlineimg" src="images/misc/navbits_start.gif" alt="" border="0" /></a> <strong>Forums</strong></div>
</td>
<td class="alt2" nowrap="nowrap" style="padding:0px">
<!-- login form -->
<form action="login.php" method="post" onsubmit="md5hash(vb_login_password,vb_login_md5password,vb_ login_md5password_utf)">
<script type="text/javascript" src="clientscript/vbulletin_md5.js"></script>
<table cellpadding="0" cellspacing="3" border="0">
<tr>
<td class="smallfont">User Name</td>
<td><input type="text" class="bginput" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="1" value="User Name" onfocus="if (this.value == 'User Name') this.value = '';" /></td>
<td class="smallfont" colspan="2" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="3" id="cb_cookieuser_navbar" accesskey="c" checked="checked" />Remember Me?</label></td>
</tr>
<tr>
<td class="smallfont">Password</td>
<td><input type="password" class="bginput" style="font-size: 11px" name="vb_login_password" size="10" accesskey="p" tabindex="2" /></td>
<td><input type="submit" class="button" value="Log in" tabindex="4" title="Enter your username and password in the boxes provided to login, or click the 'register' button to create a profile for yourself." accesskey="s" /></td>
</tr>
</table>
<input type="hidden" name="s" value="199b00564f88cd5562ad3a572d9e4763" />
<input type="hidden" name="do" value="login" />
<input type="hidden" name="vb_login_md5password" />
<input type="hidden" name="vb_login_md5password_utf" />
</form>
<!-- / login form -->
</td>
</tr>
</table>
<div align="center">
<table class="tborder" cellpadding="6" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:0px">
<tr align="center">
<td class="vbmenu_control"><a href="register.php?" rel="nofollow">Register</a></td>
<td class="vbmenu_control"><a href="faq.php?" accesskey="5">FAQ</a></td>
<td class="vbmenu_control"><a href="memberlist.php?">Members List</a></td>
<td class="vbmenu_control"><a href="calendar.php?">Calendar</a></td>
</tr>
</table>
</div>
<!-- / nav buttons bar -->
<br />
<table class="tborder" cellpadding="0" cellspacing="0" border="0" align="center">
<tr>
</table>
I'm trying to make a banner that spans the 100% top of my page. I used a code from another site I found with exactly what I'm looking to do, but can't get an image into the background of the table and at the right height.
So, can anyone tell me how I get my custom background image in there to stretch 100% of the page within the table that would sit behind my custom logo image that sits on the left? I also want it to be the exact same height as the clickable logo I made.
I made a logo image that sits on the left side and background image. I tried to get it to work and the image came up and the table looked correct, but the background was black and I can't figure out at all how to insert my image and adjust the height to the same size as the background image.
This is the site with exactly I want to do. You can see that they have a clickable image as a link/logo on the left...I've got that down and working. But they have a grass looking background and I can't figure out where it is in the code/script or what i need to do to get my background working.
http://www.socalsoccer.com/forum/
This is the code I'm using and if you use it on a test board you'll see that the logo comes up, the format is good but that background is black and too tall.
I'D BE HUGELY GRATEFUL FOR ANY HELP!!!!!!!!!
<!-- breadcrumb, login, pm info -->
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" background="water.jpg align="center">
<tr>
<td colspan="2" id="header"><a href="http://www.deadhookforums.com/index.php"><img src="http://star.walagata.com/w/deadhook/X_TABLE_LOGO.jpg" alt="Forums" width="700" height="156" border="0" /></a></td>
</tr>
<tr>
<td class="alt1" width="100%">
<div class="navbar" style="font-size:10pt"><a href="http://www.deadhookforums.com/index.php" accesskey="1"><img class="inlineimg" src="images/misc/navbits_start.gif" alt="" border="0" /></a> <strong>Forums</strong></div>
</td>
<td class="alt2" nowrap="nowrap" style="padding:0px">
<!-- login form -->
<form action="login.php" method="post" onsubmit="md5hash(vb_login_password,vb_login_md5password,vb_ login_md5password_utf)">
<script type="text/javascript" src="clientscript/vbulletin_md5.js"></script>
<table cellpadding="0" cellspacing="3" border="0">
<tr>
<td class="smallfont">User Name</td>
<td><input type="text" class="bginput" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="1" value="User Name" onfocus="if (this.value == 'User Name') this.value = '';" /></td>
<td class="smallfont" colspan="2" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="3" id="cb_cookieuser_navbar" accesskey="c" checked="checked" />Remember Me?</label></td>
</tr>
<tr>
<td class="smallfont">Password</td>
<td><input type="password" class="bginput" style="font-size: 11px" name="vb_login_password" size="10" accesskey="p" tabindex="2" /></td>
<td><input type="submit" class="button" value="Log in" tabindex="4" title="Enter your username and password in the boxes provided to login, or click the 'register' button to create a profile for yourself." accesskey="s" /></td>
</tr>
</table>
<input type="hidden" name="s" value="199b00564f88cd5562ad3a572d9e4763" />
<input type="hidden" name="do" value="login" />
<input type="hidden" name="vb_login_md5password" />
<input type="hidden" name="vb_login_md5password_utf" />
</form>
<!-- / login form -->
</td>
</tr>
</table>
<div align="center">
<table class="tborder" cellpadding="6" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:0px">
<tr align="center">
<td class="vbmenu_control"><a href="register.php?" rel="nofollow">Register</a></td>
<td class="vbmenu_control"><a href="faq.php?" accesskey="5">FAQ</a></td>
<td class="vbmenu_control"><a href="memberlist.php?">Members List</a></td>
<td class="vbmenu_control"><a href="calendar.php?">Calendar</a></td>
</tr>
</table>
</div>
<!-- / nav buttons bar -->
<br />
<table class="tborder" cellpadding="0" cellspacing="0" border="0" align="center">
<tr>
</table>