HighDots Forums  

Word Spacing in a form SELECT element

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)


Discuss Word Spacing in a form SELECT element in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
ZZ
 
Posts: n/a

Default Word Spacing in a form SELECT element - 10-16-2008 , 04:56 PM







I have a form with a select element, and I would like to change the
word spacing for the options. I'm a little confused as to what I
should reference to do that. I have tried various combinations, but
none have worked.

Here's what I have to work with (as far form and select element names
go):

<form action="xxx" method="post" id="form1">

<div class="form-item" id="edit-attributes-1-wrapper">

<select name="attributes[1]" class="form-select required"
id="edit-attributes-1" >

- options are in here -

</select>
</div>

</form>


Anyone have an idea as to what class or id combo will allow me to
change the word spacing for the options?

Thanks!

FT







Reply With Quote
  #2  
Old   
ZZ
 
Posts: n/a

Default Re: Word Spacing in a form SELECT element - 10-16-2008 , 05:12 PM







Ok, to partially answer my question: I can get it to work, but not in
IE. I know I read some years ago that IE resists styling an option -
has there been any way developed to get around this?

Thanks,

FT


On Thu, 16 Oct 2008 20:56:08 GMT, ZZ <noway (AT) wpenewon (DOT) org> wrote:

Quote:
I have a form with a select element, and I would like to change the
word spacing for the options. I'm a little confused as to what I
should reference to do that. I have tried various combinations, but
none have worked.

Here's what I have to work with (as far form and select element names
go):

form action="xxx" method="post" id="form1"

div class="form-item" id="edit-attributes-1-wrapper"

select name="attributes[1]" class="form-select required"
id="edit-attributes-1"

- options are in here -

/select
/div

/form


Anyone have an idea as to what class or id combo will allow me to
change the word spacing for the options?

Thanks!

FT







Reply With Quote
  #3  
Old   
Jukka K. Korpela
 
Posts: n/a

Default Re: Word Spacing in a form SELECT element - 10-16-2008 , 05:24 PM



ZZ wrote:

Quote:
Ok, to partially answer my question:
You're upside-down fullquoting your own question. Sounds pretty hopeless,
but being an optimist, I'm taking a look...

Quote:
I have a form with a select element, and I would like to change the
word spacing for the options.
Is there a reason to that?

Quote:
I'm a little confused as to what I
should reference to do that. I have tried various combinations, but
none have worked.
Yet you don't specify the URL of _any_ of your attempts.

Quote:
Anyone have an idea as to what class or id combo will allow me to
change the word spacing for the options?
What makes you think _that_ is the problem?

You can refer to all <option> elements in a document using the selector
option

I'm pretty sure this wasn't your _real_ question. But since you don't
specify what you are aiming at and what you have tried, I just answered the
question you asked.

--
Yucca, http://www.cs.tut.fi/~jkorpela/



Reply With Quote
  #4  
Old   
ZZ
 
Posts: n/a

Default Re: Word Spacing in a form SELECT element - 10-16-2008 , 06:48 PM




If you don't understand the question, or just want to be sarcastic,
please don't waste mine and everyone else's time.

-Tom


On Fri, 17 Oct 2008 00:24:52 +0300, "Jukka K. Korpela"
<jkorpela (AT) cs (DOT) tut.fi> wrote:

Quote:
ZZ wrote:

Ok, to partially answer my question:

You're upside-down fullquoting your own question. Sounds pretty hopeless,
but being an optimist, I'm taking a look...

I have a form with a select element, and I would like to change the
word spacing for the options.

Is there a reason to that?

I'm a little confused as to what I
should reference to do that. I have tried various combinations, but
none have worked.

Yet you don't specify the URL of _any_ of your attempts.

Anyone have an idea as to what class or id combo will allow me to
change the word spacing for the options?

What makes you think _that_ is the problem?

You can refer to all <option> elements in a document using the selector
option

I'm pretty sure this wasn't your _real_ question. But since you don't
specify what you are aiming at and what you have tried, I just answered the
question you asked.


Reply With Quote
  #5  
Old   
ZZ
 
Posts: n/a

Default Re: Word Spacing in a form SELECT element - 10-17-2008 , 09:25 AM



On Thu, 16 Oct 2008 20:27:17 -0400, "Jonathan N. Little"
<lws4art (AT) central (DOT) net> wrote:

Quote:
ZZ wrote:
If you don't understand the question, or just want to be sarcastic,
please don't waste mine and everyone else's time.

Please don't top post.


On Fri, 17 Oct 2008 00:24:52 +0300, "Jukka K. Korpela"
jkorpela (AT) cs (DOT) tut.fi> wrote:

ZZ wrote:

Ok, to partially answer my question:
You're upside-down fullquoting your own question. Sounds pretty hopeless,
but being an optimist, I'm taking a look...

I have a form with a select element, and I would like to change the
word spacing for the options.
Is there a reason to that?

Agree, why would you wish it?

It matters? This is a technical question.


Quote:
I'm a little confused as to what I
should reference to do that. I have tried various combinations, but
none have worked.
Yet you don't specify the URL of _any_ of your attempts.

Anyone have an idea as to what class or id combo will allow me to
change the word spacing for the options?
What makes you think _that_ is the problem?

The ID or CLASS can be whatever you wish it to be, the identifier is not
important but the rules that you define!
Yes, I am aware.

Quote:
You can refer to all <option> elements in a document using the selector
option

I'm pretty sure this wasn't your _real_ question. But since you don't
specify what you are aiming at and what you have tried, I just answered the
question you asked.


As I believe has been stated, do not expect full browser support! This
will not work with IE...
That pretty much answers the question then - when I researched this on
the web, the postings I found were a couple of years old. I didn't
know if someone came up with a way to pull this sort of thing off in
IE or not (as per my previous posting). It works fine in other
browsers I tested (firefox, safari, chrome).

I've seen it done before, but only using javascript to force it in all
browsers. I wanted to try avoid doing that, but it seems that won't
be possible.

Tom


Reply With Quote
  #6  
Old   
Jonathan N. Little
 
Posts: n/a

Default Re: Word Spacing in a form SELECT element - 10-17-2008 , 10:06 AM



ZZ wrote:

Quote:
That pretty much answers the question then - when I researched this on
the web, the postings I found were a couple of years old. I didn't
know if someone came up with a way to pull this sort of thing off in
IE or not (as per my previous posting). It works fine in other
browsers I tested (firefox, safari, chrome).

Plan A: Take over the world and make using IE a capital offense

Plan B: Become a corporate raider, take over Microsoft and force the
company to fix IE

Plan C: A more practical solution if you must have this "feature" is to
inject &nbsp; into the option text.

<option>Now&nbsp;&nbsp;words&nbsp;&nbsp;have&nbsp; &nbsp;extra&nbsp;&nbsp;space</option>

--
Take care,

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


Reply With Quote
  #7  
Old   
RW
 
Posts: n/a

Default Re: Word Spacing in a form SELECT element - 10-17-2008 , 03:06 PM



ZZ schreef:

Quote:
It works fine in other
browsers I tested (firefox, safari, chrome).
But not in Opera

--
Rob


Reply With Quote
  #8  
Old   
Bergamot
 
Posts: n/a

Default Re: Word Spacing in a form SELECT element - 10-17-2008 , 07:12 PM




RW wrote:
Quote:
ZZ schreef:

It works fine in other
browsers I tested (firefox, safari, chrome).

But not in Opera
Not surprising - Opera has always been a little sketchy where it comes
to styling form controls.

--
Berg


Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.