Re: [WSG] Overflow on select or options
At 05:09 PM 9/12/2004, [EMAIL PROTECTED] wrote:
I want a default width, i.e. all selects to be 250px, if there is overflow
I want to see it...
Taco,
I think I accomplished your goal simply by nesting the select list inside a
div with a constrained width and overflow: hidden:
___
Apple
Banana
Cardomon and cinnamon are two spices that begin
with C
Demerera
#listwrap
{
width: 250px;
overflow: hidden;
border-right: 2px inset black;
}
___
I just tested this successfully on my five Windows browsers -- IE6, Opera
7.23, Mozilla 1.72, Mozilla Firefox 0.8, and Netscape 7.1.
One cosmetic flaw is that the select list's control button is hidden from
view, however the list opens and functions fine when clicked on even
without the control showing.
Another flaw is that the right-hand border of the list is hidden, however
I've quickly & dirtily remedied this by assigning the div wrapper a
right-border to compensate. This, however, will probably not look good
with the Macintosh's rounded style so a better solution is needed.
Paul
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
Re: [WSG] Overflow on select or options
On 13/09/2004, at 10:09 AM, [EMAIL PROTECTED] wrote: I want a default width, i.e. all selects to be 250px, if there is overflow I want to see it... Then use min-width and realise that it'll work for everyone except IE :) --- Justin French http://indent.com.au ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
Re: [WSG] Overflow on select or options
I want a default width, i.e. all selects to be 250px, if there is overflow I want to
see it...
On 12 Sep 2004 at 16:51, Paul Novitski wrote:
> At 01:47 PM 9/12/2004, [EMAIL PROTECTED] wrote:
> >I want the text to overflow if the value of the option is greater than the
> >width...
> >
> > > select, option
> > > {
> > > width: 250px;
> > > overflow: visible;
> > > }
>
>
> Taco,
>
> I think the default for most browsers is to render the select list widely
> enough to accommodate its option text, so won't you get what you want if
> you don't specify a width?
>
> Paul
>
>
> **
> The discussion list for http://webstandardsgroup.org/
>
> Proud presenters of Web Essentials 04 http://we04.com/
> Web standards, accessibility, inspiration, knowledge
> To be held in Sydney, September 30 and October 1, 2004
>
> See http://webstandardsgroup.org/mail/guidelines.cfm
> for some hints on posting to the list & getting help
> **
>
--
Taco Fleur
Senior Web Systems Engineer
http://www.webassociates.com
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
Re: [WSG] Overflow on select or options
At 01:47 PM 9/12/2004, [EMAIL PROTECTED] wrote:
I want the text to overflow if the value of the option is greater than the
width...
> select, option
> {
> width: 250px;
> overflow: visible;
> }
Taco,
I think the default for most browsers is to render the select list widely
enough to accommodate its option text, so won't you get what you want if
you don't specify a width?
Paul
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
Re: [WSG] Overflow on select or options
On Mon, 13 Sep 2004 06:47:39 +1000, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote: > so no one can give me an answer on this one? > Even whether it not at all possible? > > I want the text to overflow if the value of the option is greater than the width... Duuno, Taco. Anything to do with styling form widgets is highly OS-dependent, so most people probably don't bother. K. -- Kay Smoljak http://kay.smoljak.com/ ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
Re: [WSG] Overflow on select or options
so no one can give me an answer on this one?
Even whether it not at all possible?
I want the text to overflow if the value of the option is greater than the width...
On 10 Sep 2004 at 13:59, [EMAIL PROTECTED] wrote:
>
> I have the following style
>
> select, option
> {
> width: 250px;
> overflow: visible;
> }
>
> but it still won't allow the select element below to overflow, anyone any ideas?
> I am sure I had this working at some stage, or is this some quirk in IE that makes
> it works
sometimes, while it is not supposed to work at all?
>
> Primary
> product:
> size="#iif( qProduct.recordCount GT 4, dE("4"),
> dE(qProduct.recordCount + 1))#"
> multiple
> id="productPrimary"
> tabindex="13"
> title="Please select one or more primary products">
>
>qProduct.pkIDProduct)> selected
> value="#qProduct.pkIDProduct#">#qProduct.productName#
>
>
>
> --
> Taco Fleur
> Senior Web Systems Engineer
> http://www.webassociates.com
>
> **
> The discussion list for http://webstandardsgroup.org/
>
> Proud presenters of Web Essentials 04 http://we04.com/
> Web standards, accessibility, inspiration, knowledge
> To be held in Sydney, September 30 and October 1, 2004
>
> See http://webstandardsgroup.org/mail/guidelines.cfm
> for some hints on posting to the list & getting help
> **
>
--
Taco Fleur
Senior Web Systems Engineer
http://www.webassociates.com
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
Re: [WSG] Overflow on select or options
Thanks, but that did not do the trick either..
On 10 Sep 2004 at 16:10, Sean Naden wrote:
> I don't beleive you want to set the width of the option, only the
> select:
>
> select
> {
> width: 250px;
> overflow: visible;
> }
>
>
> On 10/09/2004, at 3:59 PM, [EMAIL PROTECTED] wrote:
>
> >
> > I have the following style
> >
> > select, option
> > {
> > width: 250px;
> > overflow: visible;
> > }
> >
> > but it still won't allow the select element below to overflow, anyone
> > any ideas?
> > I am sure I had this working at some stage, or is this some quirk in
> > IE that makes it works sometimes, while it is not supposed to work at
> > all?
> >
> > Primary
> > product:
> > > size="#iif( qProduct.recordCount GT 4, dE("4"),
> > dE(qProduct.recordCount + 1))#"
> > multiple
> > id="productPrimary"
> > tabindex="13"
> > title="Please select one or more primary products">
> >
> > > qProduct.pkIDProduct)> selected
> > value="#qProduct.pkIDProduct#">#qProduct.productName#
> >
> >
> >
> > --
> > Taco Fleur
> > Senior Web Systems Engineer
> > http://www.webassociates.com
> >
> > **
> > The discussion list for http://webstandardsgroup.org/
> >
> > Proud presenters of Web Essentials 04 http://we04.com/
> > Web standards, accessibility, inspiration, knowledge
> > To be held in Sydney, September 30 and October 1, 2004
> >
> > See http://webstandardsgroup.org/mail/guidelines.cfm
> > for some hints on posting to the list & getting help
> > **
>
--
Taco Fleur
Senior Web Systems Engineer
http://www.webassociates.com
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
[WSG] Overflow on select or options
I have the following style
select, option
{
width: 250px;
overflow: visible;
}
but it still won't allow the select element below to overflow, anyone any ideas?
I am sure I had this working at some stage, or is this some quirk in IE that makes it
works sometimes, while it is not supposed to work at all?
Primary
product:
selected
value="#qProduct.pkIDProduct#">#qProduct.productName#
--
Taco Fleur
Senior Web Systems Engineer
http://www.webassociates.com
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
