blyz Posted July 19, 2007 Share Posted July 19, 2007 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 <!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> » <a href="/index.php">Home</a><br> » <a href="/login.php">Login</a><br> » <a href="/register.php">Join</a><br> » <a href="/aboutus.php">About Us</a><br> <div class="navhead">Members Area</div> » <a href="/software.php">Software</a><br> » <a href="/serials.php">Serials</a><br> » <a href="/music.php">Music</a><br> » <a href="/Movies.php">Movies</a><br> » <a href="/Games.php">Games</a><br> » <a href="/ebooks.php">E-books</a><br> » <a href="/forums.php">Forums</a><br> <div class="navhead">Misc.</div> » <a href="/submitfile.php">Submit a File</a><br> » <a href="/badlink.php">Report Broken Link</a><br> » <a href="/linkus.php">Link To Us</a><br> » <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;"> <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 <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. Quote Link to comment Share on other sites More sharing options...
Northern Flame Posted July 20, 2007 Share Posted July 20, 2007 Put it in your CSS code: <style> body {background-color: #000; background-image:url(/yourimage.gif);} Quote Link to comment Share on other sites More sharing options...
unidox Posted July 20, 2007 Share Posted July 20, 2007 I think he just wants it in the input. In that case use: <input style="background-image:url(/image);"> Quote Link to comment Share on other sites More sharing options...
DeadEvil Posted July 20, 2007 Share Posted July 20, 2007 <style> body {background-color: #000; background-image:url('path/image.extname');} .... OR repeating image... <style> body {background-color: #000; background-image:url('path/image.extname'); repeat} .... Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.