Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 16
  1. #1
    New Coder
    Join Date
    Jul 2007
    Posts
    50
    Thanks
    0
    Thanked 0 Times in 0 Posts

    css for <select> tag

    is it possible to use css on a select tag to change how the arrow looks?

    thanks for you help just in case i forget later

  • #2
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    Not really…for the most part the select tag is controlled by the browser UI, although you can adjust the padding a bit and border/background elements. You could use JS or Flash to create a custom form element, if you're motivated enough.

  • #3
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,915
    Thanks
    6
    Thanked 1,040 Times in 1,013 Posts
    …and if you don’t care for user friendlyness/accessibility…

  • #4
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    In which case the js versions should degrade gracefully if JS is disabled.
    http://www.badboy.ro/articles/2007-01-30/niceforms/
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #5
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Quote Originally Posted by _Aerospace_Eng_ View Post
    In which case the js versions should degrade gracefully if JS is disabled.
    http://www.badboy.ro/articles/2007-01-30/niceforms/
    Is this URL a joke?

    I can hardly read it. It is so dark and lacking in contrast.

    Frank

  • #6
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    No its not a joke. The demo in the article can be found here. http://www.badboy.ro/assets/articles...niceforms.html
    JS needs to be enabled to see it properly.

    I can see the text just fine. Guess I should say something like the site colors aren't easy on older eyes?
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #7
    Regular Coder Donkey's Avatar
    Join Date
    Sep 2003
    Location
    Blackfield UK
    Posts
    312
    Thanks
    1
    Thanked 36 Times in 36 Posts
    I can see the text just fine. Guess I should say something like the site colors aren't easy on older eyes?
    I'm about 30 years younger than Frank, still probably old compared to yourself, and my eyesight is reasonably good, but I had to squint to read parts of that page. I would say that is not an accessible page. Low contrast and small fonts really annoy me so if you are colourblind or have failing sight they must be a nightmare. The guy is banging on about usability and he produces a page as bad as that. Incredible.
    " 90% of everything is crud" - Theodore Sturgeon
    Filthy Beast - a 60's Rock Band

  • #8
    Regular Coder croatiankid's Avatar
    Join Date
    Jan 2006
    Posts
    665
    Thanks
    1
    Thanked 12 Times in 12 Posts
    I'm sure the problem is the different gamma on different monitors. The page looks fine on my desktop, but my laptop shows pages noticeably/considerably darker (on my site I can barely see that the background is textured), so I'm sure I'd have a problem reading this. Some monitors display more brightly, some darker.

  • #9
    Regular Coder Donkey's Avatar
    Join Date
    Sep 2003
    Location
    Blackfield UK
    Posts
    312
    Thanks
    1
    Thanked 36 Times in 36 Posts
    Some monitors display more brightly, some darker.
    Yes but bearing that in mind it is always better to design pages that are readable on virtually every type of monitor.
    " 90% of everything is crud" - Theodore Sturgeon
    Filthy Beast - a 60's Rock Band

  • #10
    New to the CF scene
    Join Date
    Jul 2007
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi everbody! Lucian, the guy behind badboy.ro here.

    Different monitors have different settings so I am aware that on some setups my site is lacking in contrast and readability. However, it should display perfectly fine for the vast majority of users, according to my tests.

    Furthermore, the main purpose of the site is to showcase my work, not necessarily be an informational hot-spot. The articles are definitely not the main focus. In that context, I feel the site achieves its goals by centering on the visual impact while maintaining decent readability (for most users).

    PS: @Donkey: usability >= readability.

    PS2: All modern browsers allow users to increase/decrease the size of text on properly coded sites. Use it, if needed!

  • #11
    Senior Coder ahallicks's Avatar
    Join Date
    May 2006
    Location
    Lancaster, UK
    Posts
    1,134
    Thanks
    1
    Thanked 57 Times in 55 Posts
    Or get EditCSS and change the colours to make reading easier?

    There is another nice form changing tool courtesy of Spry and the Adobe coders.
    Look at the specific form examples
    "write it for FireFox then hack it for IE."
    Quote Originally Posted by Mhtml View Post
    Domains are like women - all the good ones are taken unless you want one from some foreign country.
    Reputation is your friend

    Development & SEO Tools

  • #12
    Regular Coder croatiankid's Avatar
    Join Date
    Jan 2006
    Posts
    665
    Thanks
    1
    Thanked 12 Times in 12 Posts
    Quote Originally Posted by bbmd View Post
    PS2: All modern browsers allow users to increase/decrease the size of text on properly coded sites. Use it, if needed!
    I was going to mention that, and
    Yes but bearing that in mind it is always better to design pages that are readable on virtually every type of monitor.
    I agree.

  • #13
    Regular Coder Donkey's Avatar
    Join Date
    Sep 2003
    Location
    Blackfield UK
    Posts
    312
    Thanks
    1
    Thanked 36 Times in 36 Posts
    PS: @Donkey: usability >= readability.
    Not sure what the equals is there for but I assume you are saying that usability is more than readability? I have no argument there.

    I know it is possible for the user to change text sizes, zoom in, change colours etc. but surely as designers we should try to make pages that don't need this except in extreme circumstances.

    Otherwise we might as well make all text font-size:1%; color:black; and let the user expand it and colour it to suit.
    " 90% of everything is crud" - Theodore Sturgeon
    Filthy Beast - a 60's Rock Band

  • #14
    Senior Coder Arbitrator's Avatar
    Join Date
    Mar 2006
    Location
    Splendora, Texas, United States of America
    Posts
    3,387
    Thanks
    32
    Thanked 288 Times in 282 Posts
    Quote Originally Posted by effpeetee View Post
    Is this URL a joke?

    I can hardly read it. It is so dark and lacking in contrast.
    If using Firefox, you might try setting a minimum font size.* I do that to make a lot of these eye‐straining Web sites more readable. If you get the Web Developer extension for Firefox, you can toggle this feature on and off quickly via the extension’s Disable menu.

    * Tools > Options > Content tab > Advanced button > Minimum font size field

    This particular site doesn’t seem much less readable than most sites out there though. I’ve noticed that certain color combinations tend to be more readable on LCD monitors and worse on CRT monitors, however, so perhaps that’s the difference. I’m using an LCD right now.

    Quote Originally Posted by bbmd View Post
    PS: @Donkey: usability >= readability.
    Usability and readability are the same thing. Seems like you’re trying to say “design >= readability”. Personally, I think things are the other way around.
    Last edited by Arbitrator; 07-24-2007 at 05:06 PM. Reason: I rephrased a paragraph that was awkward.
    For every complex problem, there is an answer that is clear, simple, and wrong.

  • #15
    New to the CF scene
    Join Date
    Jul 2007
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    css

    css is very good thing, but explorer ignores it's standards absolutely...


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •