Jump to content
xisto Community
Sign in to follow this  
soleimanian

Wrap I am trying to wrap text after a textbox

Recommended Posts

I am trying to wrap text after a textbox. It is working fine on IE. but it doesn't work on Netscape 7.0 and Firefox 1.0.1 :P
Following is the code:

<table cellpadding="0" cellspacing="0" width="430;"> <tr> <td> <div> <span style="display:inline;float:left;width:160;" > <input type="text" id="departure" name="DepartureAirportCode" size="20" maxlength="30" style="width:100px;margin-right:10px;"/> </span> <span style="display:inline;float:none;"> <input type="text" id="departure" name="DepartureAirportCode" size="20" maxlength="30" style="width:100px;"/> </span> <span style="width:120;vertical-align:bottom;"> Airport/city name or 3 letter code. </span> </div> </td> </tr> </table>

The "Airport/city name or 3 letter code. " text waps around in IE by not in NN or firefox.
Do somebody tell me how to do it?


Notice from m^e:
Please put your code between CODE tags from next time onwards. That does make your code part stand out and makes up for better readability of your post.

Edited by microscopic^earthling (see edit history)

Share this post


Link to post
Share on other sites

Here you go buddy. You didn't need to have it all in a table or even in a div. You can mess around with this stuff, just though I'd fix the wrapping problem.

<HTML><HEAD><TITLE></TITLE><META name="description" content=""><META name="keywords" content=""><META name="generator" content="CuteHTML"><style type="text/css">[tab][/tab]#container {  width: 400px;  margin: 0;  padding: 0;  }[tab][/tab]#span1 {  width: 160px;  margin: 0;  }[tab][/tab]#departure {  width: 100px;  margin: 0 10px 0 0;  }[tab][/tab]#span2 {  position: absolute;  width: 120px;  }</style></HEAD><BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#0000FF" VLINK="#800080"><div id="container"><span id="span1"><input type="text" id="departure" name="DepartureAirportCode" size="20" maxlength="30"></span><span><input type="text" id="departure" name="DepartureAirportCode" size="20" maxlength="30"></span><span id="span2">Airport/city name or 3 letter code.</span></div></BODY></HTML>

Hope all goes well from here on out. :P

Share this post


Link to post
Share on other sites

#departure { width: 100px; margin: 0 10px 0 0; }This is not Input type="text" class="departure" id="departure" name="DepartureAirportCode" size="20" maxlength="30">

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.