Login forma

[G-Style]

HTML:

 

<form id="loginform" method="post" action="">
<label for="username"><input type="text" name="username" tabindex="1" id="username" />Username:
</label>
<label for="password"><input type="password" name="password" tabindex="2" id="password" />Password:
</label>
<label for="submit">
<input name="Submit" type="submit" id="submit" tabindex="4" value="Log in" />
</label>
</form>

 

Css:

 

#loginform {
width:150px;
margin:auto;
}

#loginform label{
display: block;
padding: 0px 0px 0px;
}

#loginform input {
margin-bottom: 2px;
border:1px solid #999999;
float:right;
clear:right;
background: #FAF8E9;
width: 80px;
height: 14px;
font-size: 12px;
}

#loginform input:focus,#loginform input:hover {
border:1px solid #333333;
}
.error{
color:red;
font-weight:bold;
}

 

Kaa lai dabon submit pogu iisaaku un plataaku, un arii lai samaa daudzmaz vienaadi izskataas uz visiem browseriem ?

[andrisp]

input#submit {
 width: ..;
 height: ..;
}

[G-Style]

#loginform input:focus,#loginform input:hover {

Kaadas alternatiivaas sitam uz IE?

[andrisp]

JS.

[G-Style]

kaadu piemeeru luudzu :)

[andrisp]

.onfocus un .onmouseover metodes. Izmanto google.

[G-Style]

Thanks.

[G-Style]

Turpinot sho pashu teemu:

Zem shiis login formas vajag izvadiit paaris linkus, tiehsi zem submit pogas labajaa pusee ar 2px atstarpi.

Meeginaaju ar <p></p>, <br>, margin: 2px; text-align:right; , bet nekaa.

Mozilla daudz maz normaali izskataas, tachu atkal IE guko.

Varbuut kaads paliidzees?

[G-Style]

Anybody?