HTML - Remove Username From Log-in Box
From what I can tell from the program I'm using, this code below is the Login Box that holds the words User Name & Password and their corresponding fields.
How can I change this to keep the text and fields, but remove the box that's around them? Thanks. Code: <form action="/sfolder/members/default.asp?action=login" method=post name=login language="JAVASCRIPT" onsubmit="return Validate();"><input type=hidden name=todo value="login"><input type=hidden name=url value="/sfolder/members/default.asp"><br> <table border=0 cellspacing=0 cellpadding=0 width=95% align=center class=colorformborder><tr class=colorformborder><td><table border=0 cellspacing=0 width=100% cellpadding=0><tr class=colorformborder><td colspan=2><table border=0 cellspacing=1 cellpadding=5 width=100% colspan=2><tr class=colorformheader><td colspan=2><font class=textsize9><b>Login Here</b></font></td></tr> <tr class=colorformfields><td align=center colspan=2><font class=textsize9></font></td></tr><tr class=colorformfieldsalt><td align=right width=50% ><font class=textsize9>User Name</font></td><td><font class=textsize9><input class=fieldbox type=text size=20 maxlength=50 name="members_username"></font></td></tr> <tr class=colorformfields><td align=right width=20% ><font class=textsize9>Password</font></td><td><font class=textsize9><input class=fieldbox type=password size=20 maxlength=50 name="members_password"></font></td></tr><tr class=colorformfields><td colspan=2 align=right><font class=textsize9><input class=fieldbox type=submit value="Login" id=submit2 name=submit2></font></td></tr> </td></tr></table></td></tr></table></td></tr></table><br><br></form> Similar TutorialsHow can I make a simple Username and password function on one of my sites? mvh Prosit I'm trying to customize a template that has a username and password field, and I want it to be the login to my forum. Below is the code that I have, what do I need to edit? <div id="header"> <div id="userbar"> <form action="#"> <label for="username">Username:</label> <input type="text" id="username" name="user" size="20" /> <label for="password">Password:</label> <input type="password" id="password" name="pass" size="20" /> <input type="submit" value="Login" id="login" /> </form> Hi! Please someone help me with this!! I'm updating someone else's website. I was asked to put a link on the home page to a .doc file. I uploaded the updated home page with link and the linked file to the website via Ipswitch WS-FTP. Now, what SHOULD happen is after clicking the link, the window asking to "open" or "save to disk" should pop up. What is happening instead is that a window pops up asking for a username and password. When "Cancel" is clicked, the file opens automatically. How can I fix this?? Here is the original site link: http://www.richmondtheatres.org If there is something wrong in the code, please let me know. The link is a simple "a href="http://www.richmondtheatres.org/Script Registry 9-1-07.doc"> Thanks for any help provided! I am having trouble with these username/password areas. Each browser seems to read them in a different way? The sizes, and especially the positioning is messed up. I coded for FF so there all works fine. Could someone try and make sense out of this? Much oblidged, thanks. log-in site here Hello, I am making a website for my school, and just recently I was asked to make a login section for students and for parents, (to view grades and reports on there children.) I have looked on the internet and it is very unclear to me on how I would go about doing this, How would I go about starting this up? Hi all! I'd like to create a Username/Password form, but i dont know how to do it. I'd like something like this: Username: *user has to type name* Password: *user has to type password* ACCEPT CLEAN I want it to work only for ONE username and ONE password. So, if user types this correct username and password (plus ACCEPT) then the page links you to PageCorrect.htm If user types any kind of username and password besides the correct one (plus ACCEPT), then the page links you to PageIncorrect.htm If user clicks on CLEAN, then the boxes have to clean. Thanks a lot! I really need this help...Its something important I'm pretty new to HTML coding, and I think I'm close to getting this correct. I want to forward username and passwords typed into this site (near the bottom): http://www.mscd.edu/~career/ to automatically log people in to this site: https://www.myinterfase.com/metrostatecollege/student/ Code: <h2 align="center">Metro State Joblink Student Login</h2> <form method="post" action="https://www.myinterfase.com/metrostatecollege/student/" target="_blank"> <input type="hidden" name="offsite" id="offsite" value="1" /> <div id="container"> <div id="main" style="width:500px"> <div class="panelRow"> <span class="panelLabel">Username:</span> <span class="panelForw"><input type="text" id="username" name="username" /></span> </div> <div class="panelRow"> <span class="panelLabel">Password:</span> <span class="panelForw"><input type="password" id="pwd" name="pwd" /></span> </div> <div style="padding-left:115px;"><input type="Submit" id="submit" value="Login" /> </div> <div style="padding-left:115px;padding-top:8px;font-size: 10pt; font-family: verdana, arial, helvetica, sans-serif;"> <a href="https://www.myinterfase.com/metrostatecollege/studentregistration.aspx" target="_blank">Register Here!</a></div> <div style="padding-left:115px;padding-top:8px;font-size: 10pt; font-family: verdana, arial, helvetica, sans-serif;"><a href="https://www.myinterfase.com/metrostatecollege/passwordreset.aspx?ac=274" target="_blank">Forgot Password?</a> </div> </div> </div> </form> this code is working fine in other browsers but when i run this code in opera username text field becomes disabled, any one has solution here is the code: <script type="text/javascript"> function setFocus() { document.loginForm.txt_username.focus(); } function validation() { var cuser = document.loginForm.txt_username.value.length; var cpwd = document.loginForm.txt_password.value.length; if(cuser <= 0) { alert("Please enter username"); document.loginForm.txt_username.focus(); return false; } if(cpwd <= 0) { alert("Please enter password"); document.loginForm.txt_password.focus(); return false; } return true; } </script> <body onLoad="setFocus()"> <br /><br /><br /><br /><br /><br /><br /> <div align="center"> <form name="loginForm" method="post" action="index.php" onSubmit="return validation();"> <table> <tr> <td>Username:</td> <td><font face="Calibri" size="16px"><input type="text" name="txt_username" tabindex="1"/></font></td> </tr> <tr> <td>Password:</td> <td><font face="Calibri" size="16px"><input type="password" name="txt_password" tabindex="2" /></font></td> </tr> <tr> <td align="center"><input type="submit" name="btn_submit" value="Sign In" tabindex="3" /></td> </tr> </table> </form> </div> </body> Please help: I don't know how to remove the gap above the '50 Self-Help Classics' image to the left of the other two images on http://www.butler-bowdon.com/index.html Also need a uniform space between the book image and 'Also available on audio' like the other two. Thanks anyone! Any tool, ideally a plugin for DW, that will remove unused CSS... I have tried the dust me selectors firefox plugin but it doesn't seem to let you actually remove the css and hence save the new css to a file, it only seems to show you what is unused meaning you have to manually remove what you want?? Detete This Plz Hello, This is probably a simple question for most but its driving me nuts... I added an iframe to my page and I would like to remove the up and down scroll from the page since its not being used (and just leave the side to side scroll). Take a peak at the page in question: sorry Chris Would apprecaite any comments. Chris A Hughes I've attached a screenshot showing the way it displays in firefox and the code. How can I get the menu to move up so I don't have such a space? Thank you for your help and this is due in an hour! Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>david2</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> </head> <body bgcolor="#FFFFFF"> <!-- DO NOT MOVE! The following AllWebMenus linking code section must always be placed right AFTER the BODY tag--> <!-- ******** BEGIN ALLWEBMENUS CODE FOR menu ******** --> <script type="text/javascript">var MenuLinkedBy="AllWebMenus [4]",awmMenuName="menu",awmBN="730";awmAltUrl="";</script><script charset="UTF-8" src="menu.js" type="text/javascript"></script><script type="text/javascript">awmBuildMenu();</script> <!-- ******** END ALLWEBMENUS CODE FOR menu ******** --> <!-- ImageReady Slices (david2.psd) --> <table id="Table_01" width="901" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="10"> <img id="david_01" src="images/david_01.jpg" width="901" height="41" alt="" /></td> </tr> <tr> <td colspan="7" rowspan="4"> <img id="david_02" src="images/david_02.jpg" width="791" height="110" alt="" /></td> <td> <img id="david_03" src="images/david_03.jpg" width="81" height="24" alt="" /></td> <td colspan="2" rowspan="2"> <img id="david_04" src="images/david_04.jpg" width="29" height="46" alt="" /></td> </tr> <tr> <td> <img id="david_05" src="images/david_05.jpg" width="81" height="22" alt="" /></td> </tr> <tr> <td colspan="2"> <img id="david_06" src="images/david_06.jpg" width="82" height="23" alt="" /></td> <td rowspan="2"> <img id="david_07" src="images/david_07.jpg" width="28" height="64" alt="" /></td> </tr> <tr> <td colspan="2"> <img id="david_08" src="images/david_08.jpg" width="82" height="41" alt="" /></td> </tr> <tr> <td><span id='awmAnchor-menu'> </span></td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td colspan="4"> <img id="david_15" src="images/david_15.jpg" width="206" height="38" alt="" /></td> </tr> <tr> <td colspan="10"> <img id="david_16" src="images/david_16.jpg" width="901" height="28" alt="" /></td> </tr> <tr> <td> <img src="images/spacer.gif" width="88" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="115" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="102" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="199" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="99" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="92" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="96" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="81" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="1" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="28" height="1" alt="" /></td> </tr> </table> <!-- End ImageReady Slices --> </body> </html> Anders When I try to remove the title on the below xml code the title gets replaced with undefined on my browser? Can I just remove this title so it doesn't show up on my browser? <imageflow autoFlip="false" flipInterval="5" flipSpeed="1" useMotionBlur="false" dofStrength="2" angle="30" depth="500" spaceMain="300" spaceBack="60" descColor="0xffffff" descSize="12" hasReflection="false" reflectionStrength="20" reflectionSize="30" reflectionBackground="0" startImage="0" imgWidth="266" imgHeight="146" quality="10" fogStrength="3"> <title color="0xffffff" size="14">Red Sea Design Gallery</title> - <image url="4/dwe_logo.jpg" target="_blank" width="288" height="249">Design With Emotion</image> </imageflow> We use a Joomla platform for our website, and in the CSS code, it automatically adds a border around tables, images etc. I'm trying to go around that with html by specifying table parameters. There is a border in the middle of the table now, and I'm trying to remove the border completely. However, keep in mind I do not want to modify the CSS for all the pages. Thank you, help will be GREATLY appreciated. http://augustinenursery.com/index.ph...&id=6&Itemid=7 Quote: <div class="topPanel"> <div class="pageName">Promotions</div> <div class="pageName" style="text-align: justify;"><span style="color: #000080;"><span style="font-size: 18pt;"><span style="color: #000000;"><a target="_blank" href="images/stories/augustine/aug_mthrsday_dlyfreemn_050311_lowres.jpg">Mother's Day Special, click here!</a></span></span></span></div> <div class="topContent"> <table bordercolor="#ffffff" border="1" cellpadding="0"> <tbody> <tr> <td>Current Spring Specials:</td> <td><img height="7" width="9" src="images/stories/augustine/bullet_sw.gif" style="border-style: none;" /> Arborvitae Emerald Green 6-7' / $69.95<br /><img height="7" width="9" src="images/stories/augustine/bullet_sw.gif" style="border-style: none;" /> Japanese Maples 5 gal. / $99.95<br /><img height="7" width="9" src="images/stories/augustine/bullet_sw.gif" style="border-style: none;" /> Rhododendron PJM 2 gal. / $9.95<br /><img height="7" width="9" src="images/stories/augustine/bullet_sw.gif" style="border-style: none;" /> White Pine 5-6' / $99.95</td> </tr> </tbody> </table> </div> </div> I was provided with this html. But it seems there are horizontal lines in between the places I'm supposed to add text. Can you tell me how I can remove these horizontal lines? Thanks. Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Test 2</title> <style type="text/css"> #container { width: 780px; margin-left: auto; margin-right: auto; } #left_column { border: 1px solid #999999; float: left; width: 230px; margin-right: 20px; margin-left: 20px; margin-bottom: 40px; } #header_table { width: 100%; border-collapse: collapse; } .header_top_tdl { padding: 0px; margin: 0px; border-bottom-style: solid; border-bottom-width: 5px; border-bottom-color: #b7b7b7; background-color: #800000; width: 150px; border-collapse: collapse; border-right-width: 0px; border-left-width: 0px; } .header_top_tdr { border-bottom-style: solid; border-bottom-width: 5px; border-bottom-color: #b7b7b7; background-color: #800000; border-right-width: 0px; border-left-width: 0px; } #right_column { float: right; width: 500px; } #footer { margin: 20px; padding: 3px; clear: both; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #800000; font-size: 14px; } .white_text { background-color: #800000; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; } .form_row { font-family: Arial, Helvetica, sans-serif; font-size: 14px; } .link_p { margin-left: 20px; vertical-align: middle; font-family: Arial, Helvetica, sans-serif; font-size: 16px; } .link_p img { vertical-align: middle; margin-right: 20px; } .link_p a { text-decoration: none; color: #000000; } .link_p a:hover { color: #009933; } </style> </head> <body> <div id="container"> <div id="header"> <table id="header_table"> <tr> <td class="header_top_tdl"> </td> <td class="header_top_tdr"> </td> </tr> <tr> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> </table> </div> <div id="content"> <div id="left_column"> <table > <tr> <td colspan="2"> </td> </tr> <tr> <td class="white_text"colspan="2"> Login Here</td> </tr> <tr> <td colspan="2"> </td> </tr> <form action="/smusermanager/members/default.asp?action=login" method="post" name="login" language="JAVASCRIPT" onsubmit="return Validate();"> <input name="todo" value="login" type="hidden"/><input name="url" value="/smusermanager/members/default.asp" type="hidden"/> <tr class="form_row"> <td>Email Address</td> <td> <input class="fieldbox" size="20" maxlength="50" name="members_username" type="text"/></td> </tr> <tr class="form_row"> <td>Password</td> <td> <input class="fieldbox" size="20" maxlength="50" name="members_password" type="password"/></td> </tr> <tr class="form_row"> <td> </td> <td> <input class="fieldbox" value="Login" id="submit2" name="submit2" type="submit"/></td> </tr> </form> <tr> <td colspan="2" > <p class="link_p"> </p> <p class="link_p"> <img alt="Image" src="images/Hphone.gif" width="51" height="44"/> <a href="http://www.s.com/test1.html?action=login">Home</a></p> <p class="link_p"> <img alt="Image" src="images/hphone1.gif" width="51" height="39" /> <a href="http://www.s.com/test1.html?action=register">Register</a></p> <p class="link_p"> <img alt="Image" src="images/hphone2.gif" width="44" height="42" /> <a href="http://www.s.com/test1.html?action=forgotusername">FAQ</a></p> <p class="link_p"> <img alt="" src="test1_files/hphone3.gif" width="49" height="38" /> <a href="http://www.s.com/test1.html?action=forgotusername">Terms Of Use</a></p> <p class="link_p"> <img alt="" src="test1_files/hphone4.gif" width="42" height="38" /> <a href="http://www.s.com/test1.html?action=forgotusername">Contact Us</a></p> <p class="link_p"> <img alt="" src="test1_files/hphone5.gif" width="33" height="41" /> <a href="http://www.s.com/test1.html?action=forgotpass">Forgot Password</a></p> <p> </p> </td> </tr> <tr> <td colspan="2"> </td> </tr> </table> </div><!-- end of left column --> <div id="right_column"> <p>Format some text here</p> <hr /> <p>Format some more text here</p> <hr /> <table style="width: 100%"> <tr> <td><img alt="" src="images/sight1.gif" width="33" height="41" style="vertical-align:middle"/> And some text here</td> <td><img alt="" src="images/sound1.gif" width="32" height="38" style="vertical-align:middle" /> And some text here</td> </tr> </table> <hr /> <p>Etc.</p> <hr /> <p>Etc.</p> <p> </p> <p> </p> </div><!-- end of right column --> </div><!-- end of content --> <div id="footer"> <table style="width: 100%"> <tr> <td>*Copyright 2007 . All Rights Reserved.</td> <td style="text-align:right">Email : <a href="mailto:"></a></td> </tr> </table> </div> </div><!-- end of container --> </body> </html> hi there, this is the link to a layout i;m going to use, but there is gaps between the navigation at the top, and also a gap between the top affiliates on the left column... can someone take a look please? http://www.anastaciadreams.com/NEWLA...nastaciadreams Hello, I was wondering if there was away to remove a DIV that I have when a link is clicked? Also I have a drop down list and I would also like the div to go away when one of those are selected. Thank you so much in advance, I really appreciate it! Does anyone know what CSS/HTML I need to use so scroll bars are disabled across all the main browsers? I.e. FF2, FF3, IE6, IE7, Safari.... I have the searched the Internet high and low and all I can really find on the issue is abuse from other posters who fail to answer the original poster's question because they think they know best. Is anyone able to help? Many thanks in advance. Hello Everyone, Please tell me....How to Remove Fireworks in HTML? |