Problems with a form

Fruddy · February 10, 2008

  	
<html>
<head>
<style type="text/css">
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;

    scrollbar-base-color:#cccccc;
    scrollbar-3dlight-color:#333333;
    scrollbar-arrow-color:#333333;
    scrollbar-darkshadow-color:#333333;
    scrollbar-face-color:#cccccc;
    scrollbar-highlight-color#cccccc;
    scrollbar-shadow-color:#cccccc;
    scrollbar-track-color:#cccccc; 
}

table {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
}
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-transform: uppercase;
font-weight: bold;
}

.small {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFFFFF;
}

.title {
font-family: "Visitor -BRK-";
font-size: 16px;
color: #3399FF;
font-weight: normal;
background-repeat: repeat;
background-position: left top;
}

.category_big {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
font-weight: bold;
}

.category {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
font-weight: normal;
}

.marked {
background-color: #FFFFFF;
font-weight: bold;
}

a, a:visited, a:active {
color: #33CCFF;
text-decoration: none;
font-weight: normal;
}

a:hover {
color: #FFFFFF;
text-decoration: underline;
font-weight: normal;
}

a.titlelink, a.titlelink:visited, a.titlelink:active {
color: #6699FF;
text-decoration: none;
font-weight: bold;
}

a.titlelink:hover {
color: #FFFFFF;
text-decoration: underline;
font-weight: bold;
}

a.category, a.category:visited, a.category:active {
color: #FFFFFF;
text-decoration: none;
}

a.category:hover {
color: #FFFFFF;
text-decoration: underline;
}

option, textarea, input, select, file {  
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    color: #000000; 
    background-color: #FFFFFF; 
    border: 1px solid #333333;
}

.footer {color: #FFFFFF
  size: 10px
		}

.form_off {  
    color: #666666; 
    background-color: #DCDCDC; 
    border: 0px solid #666666;
}

.form_on {  
    color: #000000; 
    background-color: #EEEEEE; 
    border: 0px solid #000000;
}

.form_username {
background-color: #eeeeee;
border: 0px solid #333333;
background-repeat: no-repeat;
background-position: center middle;
width: 100px;
height: 18px;
}

.form_password {
background-color: #eeeeee;
border: 0px solid #333333;
background-repeat: no-repeat;
background-position: center middle;
width: 100px;
height: 18px;
}

.form_usernameohne {
border: 0px solid #333333;
background-repeat: no-repeat;
background-position: center middle;
width: 100px;
height: 18px;
}

.form_passwordohne {
border: 0px solid #333333;
background-repeat: no-repeat;
background-position: center middle;
width: 100px;
height: 18px;
}

.form_name {
    background-color: #eeeeee;
    border: 1px solid #333333;
    background-image: url(images/name.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.form_text {
    background-color: #eeeeee;
    border: 1px solid #333333;
    background-image: url(images/message.gif);
    background-repeat: no-repeat;
    background-position: center middle;
}

.input { 
    background-color: transparent; 
    border: 1px none; 
    margin-top: 0px;
    margin-bottom: 0px;
}
</style>
</head>
<body>
<form method="post" name="login" action="checklogin.php">
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="72%"><input name="ws_user" type="text" class="form_username" onfocus="this.className='form_on'" onblur="this.className='form_off'" size="15" /></td>
        <td width="28%" rowspan="2"><div align="center">
          <input type="submit" name="Submit" value="" style="background-image:url(./style/ok.jpg); height:41; width:41; border: 0px;" />
        </div></td>
      </tr>
      <tr>
        <td><input name="pwd" type="password" class="form_password" onfocus="this.className='form_on'" onblur="this.className='form_off'" size="15" /></td>
        </tr>
      <tr>
        <td colspan="2"><div align="center"><span class="style1"><a href="index.php?site=register">register!</a> <a href="index.php?site=lostpassword">lost password?</a></span></div></td>
        </tr>
    </table></td>
  </tr>
  </form>
</body>
</html>

If you try to click on the form input, then the form will change it's size to the shape that I want.

How can I fix it, so it don't change the size while clicking?

PHP Monkeh · February 15, 2008

You want to change it so that they don't change styles when you click on it? Well you've added to your code so that it actually does do that.. so why don't you remove it? Remove these:

onfocus="this.className='form_on'" onblur="this.className='form_off'"

Sign In

Problems with a form

Recommended Posts

Fruddy

Link to comment

Share on other sites

PHP Monkeh

Link to comment

Share on other sites

Archived

Browse

Activity

Important Information