Hi,
Below is the code,which is giving me headache for last 2 hrs…Input box are not coming same in multiple browsers, pls help.
Below is the code
<div id=”toplinks”>
<ul>
<li> <a href=”index.html”>Home</a></li>
<li><a href=”contactus.html”>Contact Us</a></li>
<li><a href=”blog.php”>Blog</a></li>
<li><a href=”twitter.php”>Twitter</a></li>
</ul>
<input name=”” type=”text” value=”username” class=”loginfields” />
<input name=”” type=”password” value=”password” class=”loginfields”/>
<input name=”” type=”button” value=”login” class=”login” />
</div>
body, div, ul, li, input {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
a {
color:#e57616;
text-decoration:underline;
}
a:visited {
color:#6d849d;
text-decoration:underline;
}
a:hover {
color:#e57616;
text-decoration:none;
}
a:active {
color:#e57616;
text-decoration:underline;
}
#toplinks {
background-color:#000;
height:30px;
color:#808080;
padding-right:26px;
}
#toplinks ul {
list-style:none;
display:inline;
height:30px;
padding-left:332px;
}
#toplinks ul li {
display:inline;
font-size:9pt;
margin-left:14px;
line-height:30px;
}
#toplinks ul li a {
text-decoration:underline;
color:#808080;
line-height:30px;
}
.login {
background:url(../images/Loginbtn.png) no-repeat top left;
width:64px;
height:24px;
color:#9ca0a3;
border:none;
margin:0 0 0 12px
}
.loginfields {
background-color:#3d3333;
border:1px #625959 solid;
text-align:left;
margin-left:20px;
height:22px;
}