Member Avatar for Xessa

Well it seems that i have a textbox and a textarea under it. Both sizes are 20 but they don't seem identical.

Is there a way to make them identical vertically?

Thanks

  • 3 Contributors
  • 2 Replies
  • 133 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by essential
Member Avatar for JugglerDrummer

Setting the size attribute of the textbox changes its width, and changing the cols attribute of the textbox changes the number of characters that can fit horizontally, or its width. I'm not sure if a textarea has a size attribute. :D

Member Avatar for essential

Try it with some <style> block:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Window-target" content="_top">
<title>Free Live Help!</title>
<style type="text/css">
<!--
form div {
   width : 300px;
   margin : 1em auto; }
textarea, #txt {
   margin-top : .500em;
   diplay : block;
   width : 100% !important;
   border : 1px solid #aaa; }
label {
   letter-spacing : 3px; }
-->
</style>
<script type="text/javascript">
<!--

// -->
</script>
</head>
<body>
<div>
<form method="post" id="form1" name="form1" action="#" onsubmit="return false;">
<div><label for="txtA">TextArea :
<textarea id="txtA" name="txtA" rows="5" cols="50"></textarea></label></div>
<div><label for="txt">Text field : <input type="text" id="txt" name="txt" value=""></label></div>
</form>
</div>
</body>
</html>
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.