TalkPHP

TalkPHP (http://www.talkphp.com/forums.php)
-   XHTML, HTML, CSS (http://www.talkphp.com/xhtml-html-css/)
-   -   CSS Trick that's commonly overlooked. (http://www.talkphp.com/xhtml-html-css/2368-css-trick-thats-commonly-overlooked.html)

CHASE 02-28-2008 04:07 PM

CSS Trick that's commonly overlooked.
 
This isn't really anything of intense value, but it can help add that extra edge to your website.

On links, and some other objects in XHTML, when clicked, a dotted border appears.


By adding the following css code:

Code:

.object { outline: 0; }
You can eliminate that dotted border, and make your website appear that much more professional.

Edit:
In some scenarios, this code isn't accepted perfectly, so you should add something similar to this:

Code:

.object:focus { outline: 0; }

Speeple 02-28-2008 04:24 PM

Certainly overlooked by me!

I agree it makes pages look more professional.

Alan @ CIT 02-28-2008 04:52 PM

Thanks Chase, very handy tip :-)

Alan

obolus 02-28-2008 06:38 PM

Quote:

Originally Posted by Speeple (Post 11639)
Certainly overlooked by me!

me too!


thanks chase

Gareth 02-28-2008 07:41 PM

Warning: If you do this, people who use their keyboard to navigate the screen will not be able to select linked images. This severely decreases accessibility.

I'd rather a few dotted lines than to decrease accessibility to my site.

Speeple 02-28-2008 07:45 PM

Quote:

Originally Posted by Gareth (Post 11656)
Warning: If you do this, people who use their keyboard to navigate the screen will not be able to select linked images. This severely decreases accessibility.

I'd rather a few dotted lines than to decrease accessibility to my site.

Wow, that's a bummer :-(

Salathe 02-28-2008 08:08 PM

Quote:

Originally Posted by Gareth (Post 11656)
I'd rather a few dotted lines than to decrease accessibility to my site.

This is precisely what I was going to post. Being too lazy to swipe my finger across a track-pad, I often find myself tabbing through links/form elements and without that outline I'd have no idea which item was currently focussed. *!*

CHASE 02-28-2008 09:58 PM

That is true. I guess it all depends on who uses your page. I personally never really tab through links, so I don't have this problem =\


All times are GMT. The time now is 07:28 AM.

Powered by vBulletin® Version 3.6.8
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.1.0