CSS Text Input Box Question

Collapse
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • LeTourneau
    New Member
    • Jan 2008
    • 2
    #1

    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
    Tags: None
    • numberwhun
      Recognized Expert Moderator Specialist
      • May 2007
      • 3467
      #2
      Originally posted by LeTourneau
      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

        Comment

        • LeTourneau
          New Member
          • Jan 2008
          • 2
          #3
          ---------------------------------------------------
          <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="#FFFFF F">
          <input type="text" value="Name"></input>
          <br>
          <input type="text" value="Address" ></input>
          <br>
          <input type="text" value="City,Sta te,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.

            Comment

            • astangeland
              New Member
              • Sep 2007
              • 26
              #4
              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.

                Comment

                Previous template Next
                Working...