Welcome Guest ( Log In | Register )



 
 Reply to this topicStart new topic
> Wrap, I am trying to wrap text after a textbox
soleimanian
post Apr 24 2005, 10:10 PM
Post #1


End Of Computer
Group Icon

Group: Members
Posts: 346
Joined: 1-September 04
From: .:: MARS ::.
Member No.: 28
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 huh.gif
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.


This post has been edited by microscopic^earthling: Apr 25 2005, 05:54 AM
Go to the top of the page
 
+Quote Post
Tobias
post Apr 24 2005, 11:02 PM
Post #2


Advanced Member
Group Icon

Group: Members
Posts: 101
Joined: 11-April 05
Member No.: 3,843
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. cool.gif
Go to the top of the page
 
+Quote Post
iGuest
post Mar 28 2008, 10:56 PM
Post #3


Newbie [ Level 1 ]
Group Icon

Group: Members
Posts: 0
Joined: 1-November 07
Member No.: 25,869
#departure {
width: 100px;
margin: 0 10px 0 0;
}


This is not

Input type="text" class="departure" id="departure" name="DepartureAirportCode" size="20" maxlength="30">
Go to the top of the page
 
+Quote Post
« Next Oldest · Web Design and HTML · Next Newest »
 

Reply to this topicStart new topic

Collapse

> Similar Topics

Topics Topics
  1. Good Text Html Editor(24)
  2. Game Website(4)
  3. Html: Alt Text For Objects(8)
  4. Xhtml Is Not Suppose To Be Text/html(8)
  5. Hiding/showing Text On Click(2)
  6. Css For Input Text Only(16)
  7. Animated Favicon With Scrolling Text!(12)
  8. Problem With Selecting A Textbox Content(0)
  9. Help With Making A Textbased Game(2)


 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 23rd November 2008 - 12:32 AM
Powered By IP.Board 2.2.1 © 2008  IPS, Inc.
Licensed to: Xisto Corporation