CheckBox width: 13px; : checkbox « Form « HTML / CSS






CheckBox width: 13px;

  
<!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" dir="ltr" lang="en-US"
  xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<style rel="stylesheet" type="text/css">
#sidebar {
  width: 214px;
  float: left;
  background-color: #FFFFFF;
}

#block {
  width: 214px;
  float: left;
  background-image: url(images/bottom.gif);
  background-position: bottom left;
  background-repeat: no-repeat;
  background-color: #174F63;
  padding: 10px 0 7px 0;
}


#login img {
  float: left;
}

.input {
  width: 145px;
  height: 15px;
  border: 2px inset #D5D5D5;
  float: left;
  margin: 0 0 6px 0;
  padding: 0 0 0 2px;
  font-family: Tahoma;
  font-size: 11px;
  color: #828282
}

.button {
  background-image: url(images/button.gif);
  background-position: top left;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  width: 128px;
  border: 0px;
  margin: 7px 0 5px 7px;
  padding: 3px 0 6px 0;
  cursor: hand;
  cursor: pointer;
  color: #2C2C2C;
  font-family: Tahoma;
  font-size: 11px;
}

.checkbox {
  float: left;
  margin: 0 0 0 17px;
  width: 13px;
  height: 13px;
}



</style>
</head>
<body>
    <div id="sidebar">
      <div id="block">
      <div id="login">                                                
          <form action="#">
            <img src="images/text1.gif" alt="" width="56" height="11" />
            <input type="text" class="input" />
            <img src="images/text2.gif" alt="" width="56" height="11" />
            <input type="text" class="input" /><br />
            <input type="button" class="button" value="Enter" /><br />
            <input type="checkbox" class="checkbox" /><img src="images/text3.gif" alt="" width="70" height="13" /><br />
          </form>
          <a href="#" class="forgot">forgot password?</a>      
      </div>
    </div>
</body>

</html>

   
    
  








Related examples in the same category

1.checkbox Demo
2.checkbox input
3.Set check box width
4.Set input check box background color and color
5.CheckBox float: left;
6.CheckBox margin: 0 0 0 17px;
7.CheckBox height: 13px;
8.Checkbox Example
9.Checkboxes
10.Preselected Checkbox Example