«

How do I peg the width of the box generated by a <select> tag, clipping
<options> that're too long for it? It's turning out to be difficult to
google for.


This is IE6, IE7, Safari. IE7 is ignoring the "clip: rect{}" style.
Options are generated in code, so I could do a measure there and clip
by hand, but I wouldn't think I'd need to.


Thanks!

Manny Klystron wrote:

> How do I peg the width of the box generated by a <select> tag, clipping
> <options> that're too long for it?

Errr... <SELECT style="width:120px;">

--
Toby A Inkster BSc (Hons) ARCS
Contact Me ~ http://tobyinkster.co.uk/contact

Scripsit Toby Inkster:

>> How do I peg the width of the box generated by a <select> tag,
>> clipping <options> that're too long for it?
>
> Errr... <SELECT style="width:120px;">

That might, of course, actually "work" and possibly truncate the options to,
say, two or three characters. Depending on the font size, which _can_ be
enforced by the user.

Instead of creating such problems, the OP should analyze and perhaps
describe us the original problem and the reasons he though that limiting the
width of <select> would solve it. If it's the usual "problem", namely an
attempt to maintain a rigid pixel-dimensioned layout and make a form very
small, then the real solution is to stop creating such problems.

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

Thanks folks, I stupidly assumed <SELECT width="120px"> would do the
same, but IE7 does honor it in a style. Unfortunately it doesn't honor
style="text-overflow:ellipsis", so the <option>s just get truncated.

And yes, this is for a fixed-width widget. I didn't design it, and
it's for a small captive audience.

On that note, where's a good place to look for implementing spiffy
Google-style widget drag and drop?

Jukka K. Korpela wrote:
> Scripsit Toby Inkster:
>
> >> How do I peg the width of the box generated by a <select> tag,
> >> clipping <options> that're too long for it?
> >
> > Errr... <SELECT style="width:120px;">
>
> That might, of course, actually "work" and possibly truncate the options to,
> say, two or three characters. Depending on the font size, which _can_ be
> enforced by the user.
>
> Instead of creating such problems, the OP should analyze and perhaps
> describe us the original problem and the reasons he though that limiting the
> width of <select> would solve it. If it's the usual "problem", namely an
> attempt to maintain a rigid pixel-dimensioned layout and make a form very
> small, then the real solution is to stop creating such problems.
>
> --
> Jukka K. Korpela ("Yucca")
> http://www.cs.tut.fi/~jkorpela/

Manny Klystron wrote:

Please don't top post

> Thanks folks, I stupidly assumed <SELECT width="120px"> would do the
> same, but IE7 does honor it in a style. Unfortunately it doesn't honor
> style="text-overflow:ellipsis", so the <option>s just get truncated.

Never heard of CSS property text-overflow. Googled, ah yes that makes
sense now it is some MS invention...


--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

http://9c392fef94789aed6d0c8f9f5b5c27ee-t.meuamq.info <a
href="http://9c392fef94789aed6d0c8f9f5b5c27ee-h.meuamq.info">9c392fef94789aed6d0c8f9f5b5c27ee</a>
http://9c392fef94789aed6d0c8f9f5b5c27ee-b1.meuamq.info
9c392fef94789aed6d0c8f9f5b5c27ee
http://9c392fef94789aed6d0c8f9f5b5c27ee-b3.meuamq.info
a2d4645f3be5a34796fb67577d58472d

e9ae40edd9c04cfe5d56966cb3a8fd2e
http://saltcay.ipnwxi.net/2005-09-07.html
http://chompchomp2.qsogkn.net/2005-09-26.html
http://pearlonline.iuwexi.net/2005-10-01.html
http://webballerina.ynfqkm.net/2005-08-08.html
http://comfort-monster.ynfqkm.net/2005-10-02.html
http://china-eton.qsogkn.net/2005-08-25.html
http://growthfactorsupport.iuwexi.net/2005-07-08.html
http://fullmoon62.zikpwk.net/2005-07-25.html
http://soussimpression.smhiru.net/2005-08-26.html
http://caldwellagencies.zikpwk.net/2005-08-09.html
e7000c4d06986984b665ec9d15ae719a

7e52eba2349c597d448576ff839e8153
http://confederazionecavaliericrocia...enza/index.htm
http://dietologiaospedalebollate.lei...casa/index.htm
http://psicologiabenesseremariocecch...uota/index.htm
http://faccettanerawavcellulare.uzgh...mann/index.htm
http://enab46100alluminio.mljuyb.org...osso/index.htm
http://1636festamalpasso.leikrf.org/...rone/index.htm
http://castellopiantorogatorie.mljuy...como/index.htm
http://tronydesenzano.gkgobd.org/cap...itas/index.htm
http://qqvestito.pdjkai.org/tandem-d...lare/index.htm
http://similigregoriocinematografo.p...anda/index.htm
5447788e0ee79eeca3d64876f41eb1cf

878be61534f3aeb1e317ad5ac8133b47
http://truchithesimpsfuorituttops2.k...nati/index.htm
http://rivenditorimikuni.lskson.org/...pupo/index.htm
http://sintomoerniacervicalemolla.ks...colo/index.htm
http://braccialettomanetta.bdizoa.or...tive/index.htm
http://vanessahesslerfansite.shxghd....nino/index.htm
http://automotomaniaromaviasimonemar...esto/index.htm
http://truccocossacks1.sdibjo.org/ta...onta/index.htm
http://sintomoerniacervicalemolla.ks...ntos/index.htm
http://golosarhopasticceria.bdizoa.o...enda/index.htm
http://trasportinocaneaereogulliver....eria/index.htm
691e5261e7f26fe9bfca38d324fb1940