Mobile Friendly Website


Doing it with style

nDLRt tutorial COMMENTS

Welcome to my Comments Pages

Please note. I get a few hundred emails a week from visitors asking for help, or posing questions on how to modify my demos to suit their application and I read them all. Unfortunately I only have a limited amount of time to spend answering these questions.

So if I do not reply, please do not be offended, and if I do reply then you are one of the lucky ones.

If you are asking for permission to use any of my demonstration then please email me with your request stu{at}

Post a comment

Current posts


Thank you ever so much for the detailed tutorial. I am sure I am not alone in my appreciation of your efforts. These examples work nicely in all Windows browsers I tried, and, naturally, in Firefox 1.5 on a Mac. The other Mac choices are less cooperative.

Safari 1.3.x never shows dotted line boxes for links. In Apple's world, accessibility takes a back seat to aesthetics. Strangely, Safari does not preserve the active state after the mouse button is released. There is no way of showing which button is active with this method.

IE 5.2 is better behaved in this regard. Active and hover states work flawlessly. The boxes (solid line for Mac IE rather than dotted) are always there, however. Another oddity is that the Information section below the Google ads only shows one column. I do not know what triggers this behavior on certain pages of your site but not others. For example, the home page, the Olympic rings, and puzzling CSS all display two columns of Information text rahter than a single long one. Likewise the page opened by clicking on the "Menus" tab in your header displays two columns of info text, but the "Demos" and "Layouts" index pages only show one.
(22.01.2006, 00:21)

Mary, the column problem is probably due to the way IE fails to get the width right with italic text. These particular pages have highlighted italic text which I have styled to work in IE6 but it looks as though IE5.2 fails to get it right. Glad you liked the detailed info on 'dotted line replacement'.
(22.01.2006, 09:27)

Stu, though everything appears as it should in IE6, when using Firefox version Deer Park alpha 2 (latest nightly build) the dotted border is always visible, including in the "active/focus image replacement" demo page. I also tried in safe mode to be sure. What is the origin of this issue according to you ?
Good job - as usual - anyway ;-)
(28.01.2006, 19:46)

3 of 23 comments (part 3). [ « ] [ * ]


Your comment:

Your Name:

Stu's First Name - 3 letters (required)

Thanks to Alex for this script.

Please enter your comments for this site page.
Please note that all posts are moderated.

Posting rules

HTML is turned off
Maximum word length is 80 characters.
Messages limited to 1200 characters.
Web links should not include 'http://'


Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.


Facebook Twitter rss feed Facebook Fan Page