Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Jul 2007
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Please help me! table background image?

    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
    i need it to go behind the login box on this page, http://www.software-god.com/login.php
    Here is the source code
    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.

  • #2
    New to the CF scene
    Join Date
    Jul 2007
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Thumbs up

    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"
    Code:
    <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
    Code:
    #login{
    width:562px;
    height:292px;
    background:url(images/loginscreen.gif)
    }
    This should work...

  • #3
    Regular Coder BWiz's Avatar
    Join Date
    Mar 2006
    Location
    Sol System
    Posts
    471
    Thanks
    7
    Thanked 21 Times in 21 Posts
    Software God? Unlimited Software and Serial Codes?
    BWiz :: Happy Coding!
    2006
    2007 2008 2009
    2010 2011
    Irrational numbers make no sense.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •