Mobile Friendly Website


Doing it with style

active/focus borders 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

this is the end of civilization as we know it!
(22.11.2005, 06:23)

Perhaps the beginning of a better one? Where active/focus states can be css defined instead of boring dots ;o)
(22.11.2005, 09:11)

I don't really see the big deal here. You can turn off the focusring in Mozilla using the -moz-outline property (see StyleGala's css near the top). Opera doesn't even show a focusring at all. Internet Explorer is another matter though, I suppose this method could be useful for that.

Active and focus states for links isn't exactly something new...the focusring is the browser's default behaviour for indicating that a link is being interacted with, I don't really see why you should change that.

I know I may sound a bit scathing, but I'm just failing to see the idea behind this.
(22.11.2005, 14:46)

Dylan, you can turn it off in mozilla but this doesn't rely upon you doing that. This is just a method of changing the look of the active/focus default state. If your link produces a pop-up window for instance then it will have the default dotted border on screen whilst it remains active. You could style this to remove the active border altogether or to make it look in keeping with your layout. After all we style the :hover status to remove the default underline etc. so why not the :active/:focus status without the default dotted border.
(22.11.2005, 15:11)

Stu, the image swapping and nifty three state button are wonderful. This is one of my favorites of your menus. Addressing the point of whether this is a good thing -- I am all in favor. The browser focus remains obvious, and the look is clean as can be. At least it is on Windows. On a Mac, Safari does not show borders for any items, while IE 5 always has borders. The first example, however, is a distinct improvement on default IE behavior. The border expands to encompass the entire button area rather than just the text. The image swap works on all browsers, as does the triple button.
(23.11.2005, 00:12)

5 of 35 comments (part 4). [ « ] [ * ]


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