473,378 Members | 1,492 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,378 software developers and data experts.

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
3 2820
numberwhun
3,509 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

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

Similar topics

2
by: Tom Fitzgibbon | last post by:
Stupid question: How do I loop through many text boxes on a page and get values for each box and put into an array? For example document.CreateEvent.test1.value will not take an array value...
19
by: dmiller23462 | last post by:
Hi guys....I have absolutely NO IDEA what I'm doing with Javascript but my end result is I need two text boxes to stay hidden until a particular option is selected....I've cobbled together the...
3
by: Roy Adams | last post by:
Hi I'm reposting this question because for some reason can't post follow up question to this thread. What I'm trying to do is put the value and text from a a select in to a text field and to a...
7
by: Marios Koumides | last post by:
I post the same question few days ago but there was a confusion in the answers. Anywayz I am posting again. I have a form with 96 textboxes (8 rows x 12 columns) Now I want in the last row to have...
3
by: acecraig100 | last post by:
I am fairly new to Javascript. I have a form that users fill out to enter an animal to exhibit at a fair. Because we have no way of knowing, how many animals a user may enter, I created a table...
10
by: sbaker8688 | last post by:
My God, how on earth do you use javacript to change the text color of an input element, and have it work with IE??? I've tried numerous solutions. All of them work on browsers such as Mozilla. ...
11
by: C.W.Holeman II | last post by:
I what to hide an input element and the following text. I have the selector for the input working and just need to grab the text following it. CSS: form{ display:table; text-align:center; }
6
by: portCo | last post by:
Hello there, I am creating a vb application which is some like like a questionare. Application read a text file which contains many questions and display one question and the input is needed...
15
by: Matthew | last post by:
Hi, I'm mainly a coder, PHP at the moment, but from time to time need to design and use some css. I've a css text alignment issue. Mostly to align text neatly in the past I've used tables....
11
by: Mike Harrison | last post by:
Hi, I have some simple HTML like this: <div id="container" style="width:100%;"> <input type="text" <input type="button" style="float:right;" value="Click here..."> </div> I want the button...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...
0
by: ryjfgjl | last post by:
In our work, we often need to import Excel data into databases (such as MySQL, SQL Server, Oracle) for data analysis and processing. Usually, we use database tools like Navicat or the Excel import...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.