Tip of the Day - YUI Slider Control

Here’s my tip of the day - if you’re using the YUI Slider control, don’t forget to set the width and height of the DIV that contains your slider thumb to the size of the IMG that actually displays your slider thumb.

<style type='text/css'>
    .slider {

    .slider .thumb {
        width: XXXpx;
        height: YYYpx

<div class='slider'>
    <div class='thumb'>
        <img src='/path/to/thumb.png' width='XXX' height='YYY' alt='Slider Thumb'>

The reason that you need to explicitly set the width on the thumb DIV is that one of the functionalities of the YUI Slider control is that by clicking on the slider DIV you move the thumb to that point on the Slider. Not setting the width and height of the thumb DIV explicitly seems to cause the thumb to block clicks to the Slider, thus causing the thumb not to move as you click around the slider itself.

This tripped me up this afternoon, so I’m noting it down here for anyone else who ends up having similar issues in the future.

permalink | 6 February 2007

How to ask for help with Standardista Table Sorting

Since I released Standardista Table Sorting a couple of months ago, I’ve been constantly surprised by the amount of attention it receives. The article announcing it now has the most comments I’ve ever received about anything…

Continue reading “How to ask for help with Standardista Table Sorting”

comments (1) | write a comment | permalink | 20 May 2006

Yahoo! User Interface Library Revealed!

A couple of weeks ago, Yahoo released their JavaScript user interface library to the world. This is the very library that Yahoo uses internally for its miriad of products, and so was very likely that it would be highly stable,…

Continue reading “Yahoo! User Interface Library Revealed!”

comments (2) | write a comment | permalink | 4 March 2006

Standardista Table Sorting (A client-side JavaScript Table Sort module)

Standardista Table Sorting is a cross-browser compatible JavaScript module that lets you sort HTML data tables by any column.

Continue reading “Standardista Table Sorting (A client-side JavaScript Table Sort module)”

comments (232) | write a comment | permalink | 26 February 2006

Problems creating a SELECT box using the DOM in Internet Explorer 6

Internet Explorer 6 has lots of “issues” when it comes to displaying SELECT boxes. Last week I found one which manifests itself when you create a SELECT box using the DOM. Then I found a way to fix it.

Continue reading “Problems creating a SELECT box using the DOM in Internet Explorer 6”

comments (5) | write a comment | permalink | 12 February 2006

Retrospectively prospective (phew - try saying that quickly!)

Well it’s that time of the year again, isn’t it? The time of year when everyone looks back over what they’ve done and what’s yet to come in the new year. So here comes, in no particular order, my…

Continue reading “Retrospectively prospective (phew - try saying that quickly!)”

comments (3) | write a comment | permalink | 30 December 2005

Quick Links

Handcoding Web Pages A great treatise on why it’s often a good idea to hand code rather than relying on WYSIWYG programs. Improving Link Display for Print A nice way of using JavaScript to create footnotes showing where links…

Continue reading “Quick Links” | 4 September 2005

JavaScript is cool again?

Ever since JavaScript was conceived, there’s always been a stigma attached to using it. The arguments which are thrown around include saying that most people have it turned off, it doesn’t work consistently across browsers, and there are evil…

Continue reading “JavaScript is cool again?” | 18 December 2004

about wwm

workingwith.me.uk is a resource for web developers created by Neil Crosby, a web developer who lives and works in London, England. More about the site.

Neil Crosby now blogs at The Code Train and also runs NeilCrosby.com, The Ten Word Review and Everything is Rubbish.