HTML - Wrapping Text In A Form Input?

Is there a way to wrap text in a drop down selection box without increasing the height attribute? Otherwise very long text just cut off. Thanks.

p.s. of course the solution should be compliant and especially work in the dreaded IE7.

Hi all,

I tried posting this under the CSS forum, but didn't get any answers, so I'm hoping for better success here.

I don't know if this is a common issue or not, but it's giving me fits. I am trying to make an in-house employee directory for my company. It is a simple design, with the individual's picture displayed on the left of the page and their name and contact information flowing around it to the right of the image. When I use "float: left" in the style sheet, or even align="left" as an attribute in the img tag, it works beautifully in FF. But IE7 seems to want to make the image the same height as the first line of text, and only shows that much of it. If I use no formatting instructions, FF still displays it properly, but IE7 now displays the full image with the bottom aligned with the bottom of the first line of text and the remaining lines of text (each is produced with a br tag) below the image, rather than wrapped along the side. Unfortunately, although I like FF, my company uses IE7, so I need to find a solution. Any help would be greatly appreciated.

The problem page can be viewed at:
http://skmcbride.com/CHFA/employee_directory.php
The style sheet is at:
http://www.skmcbride.com/CHFA/_styles/mainstyle.css

Thanks for you input,
Steve

Hello,

I have a drop down menu where one of the items is EXTREMELY long, and because of this, the overall size of the drop down box is the size of this item. I found a way to shrink the size of the drop down box via:

<style type="text/css">
select {height: 12px; width: 50px; max-height: 12px}
</style>


This works in shrinking the overall size, but what happens is that the really long item is now longer than the width of the box and the text for the item doesn't wrap around down to the line below. So you don't actually see the whole item in the list.

Do you know how I can wrap this item so that the text falls down to the line below?

Cheers

Hi. I've been trying and failing at wrapping text around a mixpod playlist widget. [The widget is in a draft post I'm working on in a blog, not installed as a sidebar gadget.] I'm not technical, and the widget is "flash" technology which befuddles me even further. Fiddling with <div> and "align" codes, I was able to type in text next to the widget, but only in the editor page of Blogger...once I previewed or published it, the text appeared below the widget.

I would very much appreciate anyone's ideas. The widget code is:

<embed border="0" flashvars="mycolor=5C1400&amp;mycolor2=baac8f&amp;mycolor3=450101&amp;autoplay=false&amp;rand=0&amp; f=4&amp;vol=100&amp;pat=0&amp;grad=false" height="382" name="myflashfetish" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" salign="TL" src="http://assets.mixpod.com/swf/mp3/mff-nano.swf?myid=76126179&amp;path=2011/01/26" style="height: 382px; visibility: visible; width: 165px;" type="application/x-shockwave-flash" width="165" wmode="transparent"></embed>

Thank you.

For some strange reason if I want to have an ad or image on the left of my text article usually i put a div code around whatever it is like..

Code:

<div style="DISPLAY: block; FLOAT: left; MARGIN: 0px 10px 0px 0px">

</div>

This works GREAT in firefox but then i was shocked when i went over to Internet explorer and tested my site there using the latest browser.. it doesnt acknowledge that code and so the ad or the image ends up being above my article instead of nicely on the left and the text wrapped around it on the right like you see in firefox

Any ideas how to get around this? Maybe a fix that works for ie. and firefox?

thank you guys and gals in advance

Hi there

Anyone know how to force a long piece of link text to wrap on to the next line. Only seems to be a problem in FireFox. Here is the offending page:

http://packlife.co.uk/news.asp

By the way, the content is generated by the client via content management, otherwise I would stick in a <br />.

Thanks,

Kev

Hello what is the HTML code for text wrapping,

As whenever I put a html banner link to amazon, it puts it on the next line down

And I would like it to appear at the side of text.


So what is the html code for text wrapping?

Thanks James

I've found some help here already, so thanks in advance to the good folks that help us novices.

I have just a couple that need addressing, but they're pretty important to me, so hopefully someone can spell them out.

I'll explain them below but here's a quick rundown first:
1.) Wrapping text around a captioned image
3.) A pop-up text bar when a link is moused over.

1.) When I'm posting an image, a caption is almost always necessary. Here's the code I've been using for the image and caption:
"<table class="image">
<caption align="bottom">CAPTION</caption>
<tr><td><IMAGE LINK></td></tr>
</table>"
But when I post like that, there's a break between paragraphs to show the image, which disrupts the reading flow. I need a code that will let me post an image, add a bottom-aligned caption, and still have the story text appear alongside the image.
NOTE: I've been shown the "align=left/right" code, but where do I insert that in the code listed above?? I've tried right before and right after the image source code, but to no avail. Help, please!!

2.) I'm willing to spend hours to learn this one. Somebody, somebody has to know how to do this one. It's done on this site!
OK, here it is.
You mouse over a post listing, and a text bar appears next to the cursor. In that bar is the first few lines of the person's post.
HOW IS THIS DONE???
For someone looking to find new ways to boost hits on a news site, this is a priceless gem. If anyone knows how to do this or something similar in HTML, PLEASE let me know.


Thanks in advance to each and every person who reads this, and a special thanks to those who take the time to help. It means much.

aefattwotgm@aol.com

Hi,

I have a search form with the following code:#

<!-- Begin FusionBot.com site search engine code-->
<FORM NAME=fbsearch METHOD=GET ACTION="http://ss021.fusionbot.com/cgi-bin/ss_query">
<INPUT TYPE=text NAME=keys style="height: 18px; width: 100px; background-color:#1E7CC8;<input size="8" SIZE=10>
<INPUT TYPE=hidden NAME=sitenbr VALUE="154309449">
<INPUT TYPE="image" src="http://www.freewebs.com/hanifm/search.gif" name="go" value="go" alt="Click to Search"><BR>
</DIV>
</FORM>
<!-- End FusionBot.com site search engine code -->



What I want is, is for the form to be like the login area of this site: http://www.pixel2life.com/

if u look at the top right of that site u can see it has the bit with username.

I want that same style of the box with the white text inside and with the same border thickness and colour.

These are the colours:

Inside of the form (background): #1E7CC8
The Border colour: #64A2D6
The boder thickness has to be small like the one on the sie

If anyone could do this it would be much appreciated. Thank You

Hi all,

I have a simple newsletter form, so just the email field and a submit, what I would like to do is to send this data to a larger subscriber form, so one that has name, email (with the data previously entered already added), list to subscribe to etc.

Can this be done?

Thanks

Hi everyone,

What I am asking is more complicated than the thread title says. Can someone please tell me how, or post some code to show how I can make input fields with these properties:

1. Make text appear in an input field whilst off focus but dissapear whilst on focus, re-appear again if put back on focus.

2. The user can type text in the field and edit it and when the input field is off focus the text he wrote remains there.

3. If the user completely erases the text he wrote and puts the input field off focus the default text (stated in 1.) re-appears.

4. Make a password input field without the default text (1.) being displayed as stars (hidden charaters) with same features as 1. , 2. , and 3. ofcourse.

Can anyone please help me?...

Evan

Hey, I need to create a function or something else on this
input text that only english strings can be wrote
i mean not hebrew or arabic, if i'm typing hebrew/arabic letters
it should wont be wroted


I need to add to this code for example:

Code:

Name: 
<input type="text"  name="your_name"/><br />

Hello.... I have a problem today and I do not know how to over come this problem. If this is in the wrong place, please tell me and I will put it in the right place.
Anyway. Today I am trying to make a webpage, where the user, the admin, is able to edit the page to input text. Almost like when you make a blog post and you have a text box and you type what you want and you click submit or post and it goes onto a page. Almost like wordpress. I want to make a custom page from the ground up where there are different divisions of the page and the admin can input or edit text/pictures at anytime.

Thank you in advance.

Hi,
I'm trying to make a text input in a form automatically focus when the page is loaded. I know i can't use onLoad directly in the input tag and, searching on the web, i found that i have to use onLoad on the body element - something like this:
<body OnLoad="document.myform.mytextfield.focus();">
The problem is i have multiple text inputs sharing the same name (they are cells in a table) so i can't use the input's name. But i do know it's the last element with that name (the last row in the table). So, how can i focus it? I hope you can help me, everything i tried didn't work.
Thank you.

Hi.

I am currently struggling to find a simple sollution to the following issue.

I want to render out a text input box in HTML that will have a block (with borders) for every character.

I can think of really tedious solutions that will involve a table with an input tag per cell but this will be nasty if something else is available.

The solution is only for IE and cannot involve any ActiveX components due to security issues.

So is there any easy way to basically create internal borders in an input or textbox tag that will separate the characters for me?

Thanks.