Re: [jQuery] Multiple select box line wrap
'Course it's a good idea! ;) On Tue, Feb 16, 2010 at 11:29 AM, Paul Collins wrote: > Thanks Nathan > > That's a good idea actually, guess that would work even if you had scripts > turned off... > > Will put that to use, thanks again.
Re: [jQuery] Multiple select box line wrap
Thanks Nathan That's a good idea actually, guess that would work even if you had scripts turned off... Will put that to use, thanks again. On 16 February 2010 16:34, Nathan Klatt wrote: > On Tue, Feb 16, 2010 at 9:22 AM, Paul Collins > wrote: > > I'm have a fixed width on a multiple select box. The problem is, some of > the > > options are longer than the width and by default the lines won't wrap. > I'm > > wondering if anyone has seen a way of making lines wrap > > Multiple selects are a HTML/CSS/browser weakness. > > My recommendation is to use checkboxes, styled so they highlight when > :selected and the box doesn't show, named as an array, e.g., > name="multiSelect[]"; put them all in a ul or ol and make wrapping > easy. > > Nathan > -- -- Porfolio: paulcollinslondon.com Twitter: twitter.com/paulcollins
Re: [jQuery] Multiple select box line wrap
On Tue, Feb 16, 2010 at 9:22 AM, Paul Collins wrote: > I'm have a fixed width on a multiple select box. The problem is, some of the > options are longer than the width and by default the lines won't wrap. I'm > wondering if anyone has seen a way of making lines wrap Multiple selects are a HTML/CSS/browser weakness. My recommendation is to use checkboxes, styled so they highlight when :selected and the box doesn't show, named as an array, e.g., name="multiSelect[]"; put them all in a ul or ol and make wrapping easy. Nathan
[jQuery] Multiple select box line wrap
Hi all I'm have a fixed width on a multiple select box. The problem is, some of the options are longer than the width and by default the lines won't wrap. I'm wondering if anyone has seen a way of making lines wrap using either CSS or JQuery. I've added a title to each option, so you can get the full content if you hover over an item, but really need the text to wrap. Here's how the HTML code looks: Item 1 - brief description lorem ipsum dolor sit amet consectateur adipscing elit. Item 2 - brief description lorem ipsum dolor sit amet consectateur adipscing elit. Item 3 - brief description lorem ipsum dolor sit amet consectateur adipscing elit. Would appreciate any help. Cheers Paul