Верстка форм

[Heidel]

HTML-код

/*<*/  form id="subForm" name="subForm" method="post" action=""  /*>*/
    <p><label for="name" class="label">What is your name?</label>
      <input type="text" name="name" id="name"></p>
	  <p><label for="email" class="label">What is your email address?</label>
      <input type="text" name="email" id="email"></p>
/*<*/  /form  /*>*/

CSS

#subForm .label {
float: left;
width: 230px;
margin-right: 10px;
text-align: right;
font-weight: bold;
clear: left;
}

#name, #email {
background-color: #FBEF99;
font-family: "Lucida Console", Monaco, monospace;
font-size: .9em;
width: 300px;
margin-top: -2px;
}

#name:focus, #email:focus {
background-color: #FDD041;
}

@темы: HTML, Верстка, CSS, Верстка форм