467,874 Members | 1,751 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 467,874 developers. It's quick & easy.

CSS Text Input Box Question

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
  • viewed: 2580
Share:
3 Replies
numberwhun
Expert Mod 2GB
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
---------------------------------------------------
<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
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.

Similar topics

2 posts views Thread by Tom Fitzgibbon | last post: by
19 posts views Thread by dmiller23462 | last post: by
3 posts views Thread by Roy Adams | last post: by
7 posts views Thread by Marios Koumides | last post: by
11 posts views Thread by C.W.Holeman II | last post: by
6 posts views Thread by portCo | last post: by
15 posts views Thread by Matthew | last post: by
11 posts views Thread by Mike Harrison | last post: by
reply views Thread by jack112 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.