By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,625 Members | 2,250 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,625 IT Pros & Developers. It's quick & easy.

CSS Text Input Box Question

P: 2
Hello and g'day.

I'll try to keep this brief. The problem I am faced with right now is that I adapted a letter template from word to an html document. Reason for this is convenience. I created css text boxes for information such as "Name" "Address" and so forth. You just tab through the boxes and voila print, letter is done. Unfortuneately there are text boxes in the body of the letter to fill in important information. What I would like to see is after I input the info into those boxes the rest of the paragraph wraps up tight to the boxes rather than leave a long blank white space. If anyone knows the parameters I need to lay out so the letter looks professional and where to put it in the source this would help out greatly.

Thanks
Jan 8 '08 #1
Share this Question
Share on Google+
3 Replies


numberwhun
Expert Mod 2.5K+
P: 3,503
Hello and g'day.

I'll try to keep this brief. The problem I am faced with right now is that I adapted a letter template from word to an html document. Reason for this is convenience. I created css text boxes for information such as "Name" "Address" and so forth. You just tab through the boxes and voila print, letter is done. Unfortuneately there are text boxes in the body of the letter to fill in important information. What I would like to see is after I input the info into those boxes the rest of the paragraph wraps up tight to the boxes rather than leave a long blank white space. If anyone knows the parameters I need to lay out so the letter looks professional and where to put it in the source this would help out greatly.

Thanks
Why not post the code you have tried thus far (both HTML and CSS) and let us know where it is going wrong for you and we can help you correct it.

Regards,

Jeff
Jan 8 '08 #2

P: 2
---------------------------------------------------
<html>
<head>
<style type="text/css">
<!--
input { border:0 px solid #88A0C8; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:
10 px; color: #003068; text-decoration: none; background-color: #FFFFFF;
}
-->
</style>
</head>
<body bgcolor="#FFFFFF">
<input type="text" value="Name"></input>
<br>
<input type="text" value="Address"></input>
<br>
<input type="text" value="City,State,Zip"></input>I would like to see this text up tight with the information on the left.
</body>
</html>
------------------------------------------------------

If you open it in a browser and hit print preview you'll see what I mean. Obviously the font and size are different right now as well but I could change that.
Jan 8 '08 #3

P: 26
An interesting problem. I've run into the same problem myself with wanting an input box that displays "ft" after an input box for a number of feet. In your particular situation I recommend you use javascript to copy the value of the text box into a span set to display: none. Then in your style sheet you make a print style that hides input box and sets the span to display: inline.
Jan 8 '08 #4

Post your reply

Sign in to post your reply or Sign up for a free account.