...

View Full Version : Please help me! table background image?



blyz
07-19-2007, 04:59 PM
i have purchased custom graphics for my site and one of them is a background for my login box, however i have tried for hours to get this image behind the login box but i can't do it! i would be very grateful if someone could do it for me and post the source, i have tried everything, i hav been told i need to create a table and use it as a background image but im really struggling.
Heres the image http://software-god.com/images/loginscreen.gif
i need it to go behind the login box on this page, http://www.software-god.com/login.php
Here is the source code


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>


<title>.:: Software God - Unlimited Software and Serial Codes</title>
<style>
body {background-color: #000;}
td {font-size: 10px; font-family: Verdana, Tahoma; color: #bbbbbb;}
td.nav {padding-left: 4px;}
a {font-size: 10px; font-family: Verdana, Tahoma; color: #775555; text-decoration:none;}
a:hover {font-size: 10px; font-family: Verdana, Tahoma; color: #775555; text-decoration:underline;}
.navhead {display: block; background-color:#222222; border: 1px dotted #555555; text-align:center; font-weight: bold;}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body leftmargin="0" topmargin="0" marginheight="0" marginwidth="0">

<center>
<table id="Table_01" background="images/overall_bg.gif" border="0" cellpadding="0" cellspacing="0" width="739">

<tbody>
<tr>

<td colspan="7">
<img src="images/index_01.gif" alt="" height="10" width="739"></td>

</tr>

<tr>

<td colspan="7">
<img src="images/index_02.gif" alt="" height="7" width="739"></td>

</tr>

<tr>

<td colspan="7">
<img src="images/index_03.gif" alt="" height="187" width="739"></td>

</tr>

<tr>

<td colspan="4">
<img src="images/index_04.gif" alt="" height="70" width="173"></td>

<td colspan="3">
<img src="images/index_05.gif" alt="" height="70" width="566"></td>

</tr>

<tr>

<td>
<img src="images/index_06.gif" alt="" height="31" width="5"></td>

<td class="nav" background="images/nav.gif" height="31" valign="top" width="163">
<!-- Navigation Starts Here -->
<div class="navhead">Navigation</div>
&raquo; <a href="/index.php">Home</a><br>

&raquo; <a href="/login.php">Login</a><br>
&raquo; <a href="/register.php">Join</a><br>
&raquo; <a href="/aboutus.php">About Us</a><br>
<div class="navhead">Members Area</div>
&raquo; <a href="/software.php">Software</a><br>
&raquo; <a href="/serials.php">Serials</a><br>

&raquo; <a href="/music.php">Music</a><br>
&raquo; <a href="/Movies.php">Movies</a><br>
&raquo; <a href="/Games.php">Games</a><br>
&raquo; <a href="/ebooks.php">E-books</a><br>
&raquo; <a href="/forums.php">Forums</a><br>
<div class="navhead">Misc.</div>

&raquo; <a href="/submitfile.php">Submit a File</a><br>
&raquo; <a href="/badlink.php">Report Broken Link</a><br>
&raquo; <a href="/linkus.php">Link To Us</a><br>
&raquo; <a href="/feedback.php">Feedback</a><p>
<!-- NAvigation End -->
</td>

<td colspan="3">

<img src="images/index_08.gif" alt="" height="31" width="11"></td>

<td background="images/content.gif" valign="top" width="556">
<!-- Content Starts Here! --><span style="font-weight: bold;"> &nbsp; &nbsp; &nbsp; &nbsp;







<html>
<title>Jpmaster77's Login Script</title>
<body>

<table>

<tr><td>



<h1>Login</h1>
<form action="process.php" method="POST">
<table align="left" border="0" cellspacing="0" cellpadding="3">
<tr><td>Username:</td><td><input type="text" name="user" maxlength="30" value=""></td><td></td></tr>
<tr><td>Password:</td><td><input type="password" name="pass" maxlength="30" value=""></td><td></td></tr>
<tr><td colspan="2" align="left"><input type="checkbox" name="remember" >
<font size="2">Remember me next time &nbsp;&nbsp;&nbsp;&nbsp;
<input type="hidden" name="sublogin" value="1">
<input type="submit" value="Login"></td></tr>

<tr><td colspan="2" align="left"><br><font size="2">[<a href="forgotpass.php">Forgot Password?</a>]</font></td><td align="right"></td></tr>
<tr><td colspan="2" align="left"><br>Not registered? <a href="register.php">Sign-Up!</a></td></tr>
</table>
</form>

</td></tr><tr><td align="center"><br><br><b>Member Total:</b> 3<br>There are 0 registered members and 1 guests viewing the site.<br><br>

</td></tr>

</table>


</body>
</html>
























</span>
<p>
</p>


</td>

<td>
<img src="images/index_10.gif" alt="" height="31" width="4"></td>

</tr>



<tr>

<td>
<img src="images/index_13.gif" alt="" height="76" width="5"></td>

<td>
<img src="images/index_14.gif" alt="" height="76" width="163"></td>

<td>
<img src="images/index_15.gif" alt="" height="76" width="1"></td>

<td colspan="2">

<img src="images/index_16.gif" alt="" height="76" width="10"></td>

<td>
<img src="images/index_17.gif" alt="" border="0" height="76" width="556"></td>

<td>
<img src="images/index_18.gif" alt="" height="76" width="4"></td>

</tr>


<tr>

<td>
<img src="images/spacer.gif" alt="" height="1" width="5"></td>

<td>
<img src="images/spacer.gif" alt="" height="1" width="163"></td>

<td>
<img src="images/spacer.gif" alt="" height="1" width="1"></td>

<td>
<img src="images/spacer.gif" alt="" height="1" width="4"></td>

<td>
<img src="images/spacer.gif" alt="" height="1" width="6"></td>

<td>
<img src="images/spacer.gif" alt="" height="1" width="556"></td>

<td>

<img src="images/spacer.gif" alt="" height="1" width="4"></td>

</tr>

</tbody>
</table>

</center>


<div style="font-size: 0.8em; text-align: center; margin-top: 1em; margin-bottom: 1em;">
Design provided by <a href="http://www.freewebtemplates.com/">Free Web Templates</a> - your source for free website templates

</div>

</body>
</html>



Thankyou, i really do appreciate it.

_louis_
07-20-2007, 03:51 PM
The way i would do it is to make a "<div" box and in there put your table

In your style sheet define the width and height of you div box and set the background to be the background you want

e.g the login box in the div box with the id of "login"

<div id="login">
<table>

<tr><td>



<h1>Login</h1>
<form action="process.php" method="POST">
<table align="left" border="0" cellspacing="0" cellpadding="3">
<tr><td>Username:</td><td><input type="text" name="user" maxlength="30" value=""></td><td></td></tr>
<tr><td>Password:</td><td><input type="password" name="pass" maxlength="30" value=""></td><td></td></tr>
<tr><td colspan="2" align="left"><input type="checkbox" name="remember" >
<font size="2">Remember me next time &nbsp;&nbsp;&nbsp;&nbsp;
<input type="hidden" name="sublogin" value="1">
<input type="submit" value="Login"></td></tr>

<tr><td colspan="2" align="left"><br><font size="2">[<a href="forgotpass.php">Forgot Password?</a>]</font></td><td align="right"></td></tr>
<tr><td colspan="2" align="left"><br>Not registered? <a href="register.php">Sign-Up!</a></td></tr>
</table>
</form>

</td></tr><tr><td align="center"><br><br><b>Member Total:</b> 3<br>There are 0 registered members and 1 guests viewing the site.<br><br>

</td></tr>

</table>
</div>

And in your css

#login{
width:562px;
height:292px;
background:url(images/loginscreen.gif)
}

This should work...

BWiz
07-20-2007, 04:10 PM
Software God? Unlimited Software and Serial Codes?



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum