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.

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">
#container {
width: 400px;
margin: 0;
padding: 0;
}

#span1 {
width: 160px;
margin: 0;
}

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

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

iGuest

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

ADD REPLY / Got an Opinion!	a humble request :-)	RAPID SEARCH!	Free Hosting	[X]
Express your Opinions, Thoughts or Contribute your information that might help someone here. Ask your Doubts & Queries to get answers.. "Together, We enlight each other!"	Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.		500MB Space No Ads, CPanel, FTP, PHP, MySQL, EMails - 100% FREE

Wrap - I am trying to wrap text after a textbox

Wrap - I am trying to wrap text after a textbox