Wrap

soleimanian

Apr 24 2005, 10:10 PM

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

Following is the code:

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.

Comment/Reply (w/o sign-up)

Tobias

Apr 24 2005, 11:02 PM

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.

CODE

<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.

Comment/Reply (w/o sign-up)

FeedBacker

Mar 28 2008, 10:56 PM

#departure {
width: 100px;
margin: 0 10px 0 0;
}

This is not

Input type="text" class="departure" id="departure" name="DepartureAirportCode" size="20" maxlength="30">

Comment/Reply (w/o sign-up)

Wrap - I am trying to wrap text after a textbox

Wrap - I am trying to wrap text after a textbox