TalkPHP
 
 
Account Login
Latest Articles
» The basic usage of PHPTAL, a XML/XHTML template library for PHP
» Vulnerable methods and the areas they are commonly trusted in.
» Simple way to protect a form from bot
» The Basics On: How Session Stealing Works
» How to keep your forms from double posting data
IRC Channel
IRC Speech Bubble Join the friendly bunch on IRC...
(#TalkPHP on Freenode)

...Also available via a web interface.

See this thread for information on the TalkPHP Free Hugs Initiative™. Subject to availability.
Associates
Associates
CSS Tutorials
Reply
 
LinkBack Thread Tools Search this Thread Display Modes
Old 02-28-2008, 04:07 PM   #1 (permalink)
The Wanderer
 
Join Date: Feb 2008
Posts: 18
Thanks: 0
CHASE is on a distinguished road
Default 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; }
Send a message via AIM to CHASE Send a message via MSN to CHASE Send a message via Skype™ to CHASE
CHASE is offline  
Reply With Quote
The Following 2 Users Say Thank You to CHASE For This Useful Post:
Alan @ CIT (02-28-2008), obolus (02-28-2008)
Old 02-28-2008, 04:24 PM   #2 (permalink)
The Wanderer
 
Join Date: Jan 2008
Posts: 21
Thanks: 0
Speeple is on a distinguished road
Default

Certainly overlooked by me!

I agree it makes pages look more professional.
__________________
AKA Martin Gallagher
Speeple is offline  
Reply With Quote
Old 02-28-2008, 04:52 PM   #3 (permalink)
Alan @ CIT
Member of the Month
The Frequenter
Member of the Month Top Contributor 
 
Alan @ CIT's Avatar
 
Join Date: Apr 2005
Location: South UK
Posts: 483
Thanks: 51
Alan @ CIT is on a distinguished road
Default

Thanks Chase, very handy tip

Alan
Send a message via MSN to Alan @ CIT
Alan @ CIT is offline  
Reply With Quote
Old 02-28-2008, 06:38 PM   #4 (permalink)
The Acquainted
 
obolus's Avatar
 
Join Date: Oct 2007
Location: florida
Posts: 110
Thanks: 36
obolus is on a distinguished road
Default

Quote:
Originally Posted by Speeple View Post
Certainly overlooked by me!
me too!


thanks chase
obolus is offline  
Reply With Quote
Old 02-28-2008, 07:41 PM   #5 (permalink)
The Acquainted
 
Gareth's Avatar
 
Join Date: Jan 2008
Posts: 136
Thanks: 4
Gareth is on a distinguished road
Default

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.
Gareth is offline  
Reply With Quote
Old 02-28-2008, 07:45 PM   #6 (permalink)
The Wanderer
 
Join Date: Jan 2008
Posts: 21
Thanks: 0
Speeple is on a distinguished road
Default

Quote:
Originally Posted by Gareth View Post
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
__________________
AKA Martin Gallagher
Speeple is offline  
Reply With Quote
Old 02-28-2008, 08:08 PM   #7 (permalink)
Moderateur
RegEx Guru PHP Guru Top Contributor Advanced Programmer 
 
Salathe's Avatar
 
Join Date: Apr 2007
Posts: 1,393
Thanks: 5
Salathe is on a distinguished road
Default

Quote:
Originally Posted by Gareth View Post
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.
Salathe is offline  
Reply With Quote
Old 02-28-2008, 09:58 PM   #8 (permalink)
The Wanderer
 
Join Date: Feb 2008
Posts: 18
Thanks: 0
CHASE is on a distinguished road
Default

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 =\
__________________
World domination would be much easier, if you would all just surrender to me already.
Send a message via AIM to CHASE Send a message via MSN to CHASE Send a message via Skype™ to CHASE
CHASE is offline  
Reply With Quote
Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


All times are GMT. The time now is 05:01 PM.

 
     

Powered by vBulletin® Version 3.6.8
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.1.0
Inactive Reminders By Icora Web Design