Limiting width of <select> box

[Manny Klystron]

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!

 

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

 

[Jukka K. Korpela]

Scripsit Toby Inkster:

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.

 

[Manny Klystron]

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.

 

[Jonathan N. Little]

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

 

[Ervin]

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

 

[Mychal]

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

 

[Jovany]

7e52eba2349c597d448576ff839e8153
http://confederazionecavaliericrociatidimalta.uzghnh.org/palaia-innocenza/index.htm
http://dietologiaospedalebollate.leikrf.org/lucernario-catalogo-infisso-casa/index.htm
http://psicologiabenesseremariocecchinato.pdjkai.org/bici-atre-ruota/index.htm
http://faccettanerawavcellulare.uzghnh.org/trapani-colonna-mannesmann/index.htm
http://enab46100alluminio.mljuyb.org/farmaco-veicolati-globuli-rosso/index.htm
http://1636festamalpasso.leikrf.org/versione-latina-ratto-proserpina-cicerone/index.htm
http://castellopiantorogatorie.mljuyb.org/marchesa-gotica-como/index.htm
http://tronydesenzano.gkgobd.org/capitale-organizzativo-humanitas/index.htm
http://qqvestito.pdjkai.org/tandem-duo-passeggino-gemellare/index.htm
http://similigregoriocinematografo.pdjkai.org/granini-bevanda/index.htm
5447788e0ee79eeca3d64876f41eb1cf

 

[Nathaniel]

878be61534f3aeb1e317ad5ac8133b47
http://truchithesimpsfuorituttops2.ksibgs.org/gamberetto-gratinati/index.htm
http://rivenditorimikuni.lskson.org/gelato-al-ciocolato-pupo/index.htm
http://sintomoerniacervicalemolla.ksibgs.org/ristorante-l-appennino-di-bruscolo/index.htm
http://braccialettomanetta.bdizoa.org/loredana-vavassori-incentive/index.htm
http://vanessahesslerfansite.shxghd.org/tennis-tavolo-cisternino/index.htm
http://automotomaniaromaviasimonemartini.ksibgs.org/cambier-neffa-testo/index.htm
http://truccocossacks1.sdibjo.org/tazebao-monta/index.htm
http://sintomoerniacervicalemolla.ksibgs.org/partizionare-centos/index.htm
http://golosarhopasticceria.bdizoa.org/capannone-tensostruttura-tenda/index.htm
http://trasportinocaneaereogulliver.bdizoa.org/siemens-s645-segreteria/index.htm
691e5261e7f26fe9bfca38d324fb1940