Textarea height: 72px; : textarea « Form « HTML / CSS






  1. HTML / CSS
  2. Form
  3. textarea

Textarea height: 72px;

   
<!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">


.post {
  width: 675px;
  float: left;
  margin: 15px 0 40px 2px
}

#comment {
  background-image: url(images/comment-bg.gif);
  background-position: top left;
  background-repeat: no-repeat;
  width: 463px;
  height: 236px;
  float: left;
  padding: 14px 0 0 18px
}

#comment h5 {
  font-family: Arial;
  font-size: 12px;
  color: #140A00;
  font-weight: bold;
  padding: 0 0 10px 0
}

#comment p {
  line-height: 28px;
  width: 445px;
  float: left;
}

#comment span {
  line-height: 28px;
  padding: 0 8px 0 0;
  width: 63px;
  display: block;
  float: left;
  text-align: right
}

#comment input {
  float: left;
  height: 15px;
  width: 188px;
  border-bottom: 1px solid #847F7A;
  border-right: 1px solid #847F7A;
  border-top: 2px solid #847F7A;
  border-left: 2px double #847F7A;
  margin: 4px 0 0 0
}

#comment textarea {
  float: left;
  height: 72px;
  width: 370px;
  border-bottom: 1px solid #847F7A;
  border-right: 1px solid #847F7A;
  border-top: 2px solid #847F7A;
  border-left: 2px double #847F7A;
  margin: 4px 0 0 0;
  overflow: hidden
}

#comment button {
  border: 0px;
  width: 103px;
  height: 24px;
  padding: 0px;
  background: none;
  float: left;
  margin: 10px 0 0 70px;
  display: inline
}

</style>
</head>
<body>
       <div id="posts">
      <h1>SEO of sites using Social Networks</h1>
      
      <div class="post">
        Illum secundum exerci erat plaga illum, enim, venio. Tamen causa ut diam torqueo sagaciter inhibeo si quae exerci lobor- tis. Appellatio vel hos autem, ludus luptatum mauris ratis jugis interdico. Gilvus consequat abico demoveo lenis validus typicus ut commodo. Consequat, eu voco cui eros, euismod quis illum, commodo. Nibh valde tincidunt ex quae ratis meus neo aliquam. Esse, in damnum tation accumsan premo antehabeo mauris in in, ullamcorper virtus. Blandit te valde tation comis sed consequat hendrerit blandit oppeto brevitas amet illum camur quis. Iaceo tamen consequat inhibeo, consequat scisco sino iriure virtus vulpes nostrud. Accumsan ratis feugait vero dolus quae velit nimis facilisis, erat, ullamcorper, valde minim. <br />
        Bis vel, consectetuer dignissim velit feugiat quis. Autem exputo, metuo augue enim metuo, ut. Vicis neo et suscipere occuro haero feugiat paulatim. Vel velit erat, nullus ratis scisco, epulae aptent ullamcorper imputo. Decet, vulpes premo eros populus at abigo genitus. Hendrerit augue imputo fatua jugis, mara persto aliquip ad dolore luptatum velit. Probo abbas nisl tego, diam refoveo ea. Enim melior fatua jugis loquor delenit damnum jus luptatum fe Augue vindico valetudo qui, demoveo. Pagus importunus feugiat augue magna tation vereor utrum dolor. 
        Illum secundum exerci erat plaga illum, enim, venio. Tamen causa ut diam torqueo sagaciter inhibeo si quae exerci lobor- tis. Appellatio vel hos autem, ludus luptatum mauris ratis jugis interdico. Gilvus consequat abico demoveo lenis validus typicus ut commodo. Consequat, eu voco cui eros, euismod quis illum, commodo. Nibh valde tincidunt ex quae ratis meus neo aliquam. Esse, in damnum tation accumsan premo antehabeo mauris in in, ullamcorper virtus. Blandit te valde tation comis sed consequat hendrerit blandit oppeto brevitas amet illum camur quis. Iaceo tamen consequat inhibeo, consequat scisco sino iriure virtus vulpes nostrud. Accumsan ratis feugait vero dolus quae velit nimis facilisis, erat, ullamcorper, valde minim. <br />
        Bis vel, consectetuer dignissim velit feugiat quis. Autem exputo, metuo augue enim metuo, ut. Vicis neo et suscipere occuro haero feugiat paulatim. Vel velit erat, nullus ratis scisco, epulae aptent ullamcorper imputo. Decet, vulpes premo eros populus at abigo genitus. Hendrerit augue imputo fatua jugis, mara persto aliquip ad dolore luptatum velit. Probo abbas nisl tego, diam refoveo ea. Enim melior fatua jugis loquor delenit damnum jus luptatum fe Augue vindico valetudo qui, demoveo. Pagus importunus feugiat augue magna tation vereor utrum dolor. 
        <div class="link-after-post">
          <a href="#">Permalink</a>
        </div>
      </div>
      <div id="comment">
        <h5>Add a comment</h5>
        <form action="#">
          <p><span>Name:</span> <input type="text" /></p>
          <p><span>URL:</span> <input type="text" /></p>
          <p><span>E-mail:</span> <input type="text" /></p>
          <p><span>Comment:</span> <textarea></textarea></p>
          <button type="submit"><img src="images/add.gif" alt="" width="98" height="24" /></button>
        </form>
      </div>
    </div>

</body>

</html>








Related examples in the same category

1.'textarea' creates a multiline text entry control
2.textarea width:400px;
3.textarea padding:2px;
4.textarea font: normal 1em Verdana, sans-serif;
5.textarea border:1px solid #eee;
6.textarea height:100px;
7.textarea display:block;
8.textarea color:#777;
9.textarea width: 280px;
10.textarea border: 1px solid #EFEFEF;
11.textarea font: normal 1em Verdana, 'Trebuchet MS', Tahoma, sans-serif;
12.textarea color: #666666;
13.textarea width: 300px; height: 100px; background-color: yellow;
14.textarea font-size: 1em; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;
15.textarea border: 1px solid black;
16.textfield display: block;
17.textfield width: 250px;
18.textfield border: 1px solid #AF9D72;
19.textfield background-color: #F2ECD7;
20.Textarea float: left;
21.Textarea width: 370px;
22.Textarea border-bottom: 1px solid #847F7A;
23.Textarea border-right: 1px solid #847F7A;
24.Textarea border-top: 2px solid #847F7A;
25.Textarea border-left: 2px double #847F7A;
26.Textarea margin: 4px 0 0 0;
27.Textarea overflow: hidden
28.Textarea with column and row setting
29.The textarea element
30.textarea name="hobbies" rows="7" cols="40"
31.Text Field wiht size and maxlength
32.A Simple Text Field
33.Setting the value of a text field
34.Single line text input control
35.input type = "text" inserts a text box
36.A prepopulated text field with a maximum length
37.Set text field background
38.Text field border style
39.Text input sizes
40.Multi line text input control
41.textarea creates a multiline textbox
42.White space is preserved in a text area
43.Set background color for textarea
44.set font size, weight, family for textarea
45.Set border for a textarea to '1px solid black'
46.Set width and height for textarea
47.Set required textarea field to have solid border and highlight color
48.textarea:focus