[WSG] Styling option [Forms]
Hi all I have a select box that has a greater width and hight then the standard size. I am trying to center the default option that displays in the select box. I have tried padding: xem 0; and it centers the options when the list is displayed, but the default option does not change. Basically i want to center (vertically) the default option in a select box. Anyone got any ideas i have tried for a while and can't get it to work. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Styling option [Forms]
James Jeffery wrote: I have a select box that has a greater width and hight then the standard size. I am trying to center the default option that displays in the select box. I have tried padding: xem 0; and it centers the options when the list is displayed, but the default option does not change. Basically i want to center (vertically) the default option in a select box. Hi James you can get varying results by setting text-align: center on the select itself and on the option elements but not in IE - I don't think theres any way to control it in IE at all. -- Chris Knowles *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Styling option [Forms]
Hi James May be you'd better start thinking about one of those replacement techniques. This for instance http://easy-designs.net/articles/replaceSelect/ On 11/5/07, Chris Knowles [EMAIL PROTECTED] wrote: James Jeffery wrote: I have a select box that has a greater width and hight then the standard size. I am trying to center the default option that displays in the select box. I have tried padding: xem 0; and it centers the options when the list is displayed, but the default option does not change. Basically i want to center (vertically) the default option in a select box. Hi James you can get varying results by setting text-align: center on the select itself and on the option elements but not in IE - I don't think theres any way to control it in IE at all. -- Chris Knowles *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- С уважением, Юрий akella Артюх http://cssing.org.ua *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] multilingual website advice
A lot of Richard's material and material by other members of the W3C Core I18N WG are quite useful. Have a look at http://www.w3.org/International/ Some additional thoughts. You're approach really depends on the number of languages you need to support and the diversity of languages and writing scripts. The greater the diversity and the number of languages the more care you need to take with your internationalization architecture. You need to make sure that all the components of the web site is handling all languages and encodings correctly. if you are lucky you'll be working with all the easy languages (European, Japanese, Chinese and Korean). Otherwise, some additional points to consider: * Preferred layouts of pages may change between languages. Cultural preferences will vary between dense and compact layouts on one hand to open and spacious layouts on the other. What constitutes good and optimal de sign is culture based. * Your user interface needs to be mirrorable. * Best to avoid CSS rules containing text-align: justify; Proper justification really requires CSS3 support, and certain browsers have bugs rendering justified text and break complex script rendering. * For most languages line breaking will be handled automatically (depending on the language and the operating system version in use). For some languages you may require makeshift or manual line breaking techniques. * If you are supporting multiple languages and writing scripts within one site, consider using language specific styling using the language pseudo selector. IE can not use this CSS selector, but useful javascript libraries offer mechanisms for simulating support. * Generic font family declarations are meaningless for some writing scripts. Olly Hodgson wrote: On 11/1/07, Andrew Harris [EMAIL PROTECTED] wrote: I'm asking for any gems of wisdom - links or first hand advice, mostly technical, but anything that deals with the pitfalls in building arabic websites would be great. I found Richard Ishida's @media07 presentation, Designing for International Users: Practical Tips rather enlightening. The audio and slides are available from http://www.vivabit.com/atmedia2007/europe/schedule/ Cheers, -- Andrew Cunningham Research and Development Coordinator (Vicnet) State Library of Victoria 328 Swanston Street Melbourne VIC 3000 Australia Email: andrewc+AEA-vicnet.net.au Alt. email: lang.support+AEA-gmail.com Ph: +613-8664-7430Fax:+613-9639-2175 Mob: 0421-450-816 http://www.slv.vic.gov.au/http://www.vicnet.net.au/ http://www.openroad.net.au/ http://www.mylanguage.gov.au/ http://home.vicnet.net.au/~andrewc/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] multilingual website advice
One other thing I forgot to emotion, if you are supporting East or West African languages, or Vietnamese then Unicode normalisation support will be critical. Andrew -- Andrew Cunningham Research and Development Coordinator (Vicnet) State Library of Victoria 328 Swanston Street Melbourne VIC 3000 Australia Email: andrewc+AEA-vicnet.net.au Alt. email: lang.support+AEA-gmail.com Ph: +613-8664-7430Fax:+613-9639-2175 Mob: 0421-450-816 http://www.slv.vic.gov.au/http://www.vicnet.net.au/ http://www.openroad.net.au/ http://www.mylanguage.gov.au/ http://home.vicnet.net.au/~andrewc/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Styling option [Forms]
On Nov 4, 2007, at 5:27 AM, James Jeffery wrote:
Hi all
I have a select box that has a greater width and hight then the
standard size. I am trying to center the default option that displays
in the select box. I have tried padding: xem 0; and it centers the
options when the list is displayed, but the default option does not
change.
Basically i want to center (vertically) the default option in a
select box.
Anyone got any ideas i have tried for a while and can't get it to
work.
When I run into this problem, I declare width for 'select'.
select {width: 250px}
If I want to style the option values in Firefox, I add a class like so
.option {border-bottom : 1px solid #efefefe; padding: 3px
;width: 250px}
If a class is added, I don't declare width in 'select'.
IMHO, this looks so much better than making text center just for the
Gecko based browsers. I do care the aesthetic inspiration, but using
JS to overwrite browser default for option attribute isn't something
I aspire :)
'width' works for all browsers I have tested : Safari, IE, Opera,
Firefox and Camino
'text-align' only work in Opera and Firefox. In Camino, only the
first option value works.
tee
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
[WSG] z-index problem with dropdown menu
http://www.tyssendesign.com.au/sites/evolved/sax/ I can't figure out why the dropdowns fall behind the content below them. Can anybody see what I'm obviously missing? :? Cheers John -- Tyssen Design www.tyssendesign.com.au Ph: (07) 3300 3303 Mb: 0405 678 590 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] z-index problem with dropdown menu
John Faulds wrote: http://www.tyssendesign.com.au/sites/evolved/sax/ I can't figure out why the dropdowns fall behind the content below them. seems to me like the dropdowns need a firm hand - try: http://www.saxleather.com.au/index.php?page=homesubrange=crops Can anybody see what I'm obviously missing? :? I can see this but I'm not sure if you're obviously missing it or not: http://www.saxleather.com.au/index.php?page=homesubrange=nipple%20clamps but I can also see that it's a site that not everyone on the list may appreciate ;) -- Chris Knowles *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] z-index problem with dropdown menu
John Faulds wrote: http://www.tyssendesign.com.au/sites/evolved/sax/ I can't figure out why the dropdowns fall behind the content below them. Can anybody see what I'm obviously missing? :? Hi John, I'd have a look at setting a z-index on #sidebar2 (I don't think you have one). Because it comes after the dropdown in the source some browsers may assume it should have a higher z-index than the dropdown so it may help to set it lower. -- Chris Knowles *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] z-index problem with dropdown menu
I've z-indexed just about everything on the page to no avail so far. On Mon, 05 Nov 2007 14:35:31 +1000, Chris Knowles [EMAIL PROTECTED] wrote: John Faulds wrote: http://www.tyssendesign.com.au/sites/evolved/sax/ I can't figure out why the dropdowns fall behind the content below them. Can anybody see what I'm obviously missing? :? Hi John, I'd have a look at setting a z-index on #sidebar2 (I don't think you have one). Because it comes after the dropdown in the source some browsers may assume it should have a higher z-index than the dropdown so it may help to set it lower. -- Tyssen Design www.tyssendesign.com.au Ph: (07) 3300 3303 Mb: 0405 678 590 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] z-index problem with dropdown menu
From: John Faulds [EMAIL PROTECTED]
I've z-indexed just about everything on the page to no avail so far.
#header {
position: relative;
z-index: 999;
}
--
Al Sparber - PVII
http://www.projectseven.com
Extending Dreamweaver - Nav Systems | Galleries | Widgets
Authors: 42nd Street: Mastering the Art of CSS Design
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] z-index problem with dropdown menu
John Faulds wrote:
http://www.tyssendesign.com.au/sites/evolved/sax/
I can't figure out why the dropdowns fall behind the content below them.
Can anybody see what I'm obviously missing? :?
Hi John,
It's a stacking context issue [1], so increasing the z-index value of the
dropdown won't change anything.
Add this to your #header{} rule:
z-index:1
[1]
http://www.tjkdesign.com/articles/z-index/teach_yourself_how_elements_stack.
asp
--
Regards,
Thierry | http://www.TJKDesign.com
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] z-index problem with dropdown menu
#header {
position: relative;
z-index: 999;
}
I've z-indexed just about everything on the page to no avail so far.
Right, well obviously I hadn't. I could've sworn I'd done that for #header
as well. Oh well, thanks for the extra sets of eyes guys! :)
--
Tyssen Design
www.tyssendesign.com.au
Ph: (07) 3300 3303
Mb: 0405 678 590
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
