Previous Message
Next Message

Fill-in-the-blanks Stylesheet

Sent by Lars Holst on 2 December 2003 14:02


Tonico wrote:
>I have created a stylesheet with empty HTML elements based on the HTML
>4.01 recommendation. I allways wanted to be able to style /all/ HTML
>elements - for consistent look and feel between browsers.
>Get it here:
>  http://www.webproducer.at/portal_skins/lab/elements.css

Interesting idea.

I'd change this:

/* Section 12.2:  The A element */
a:link {}
a:visited {}
a:active {}
a:hover {}
a:focus {}
a:focus:hover {}

to

a:link {}
a:visited {}
a:hover {}
a:active, a:focus {}
a:focus:hover {}

The order of link-visited-hover-active, or LVHA, is the recommended
cross-browser consistent way of styling the different states.

Combining :active and :focus is optional. I use them as visual guide for
those who prefer to tab through links rather than use a pointing device. In
that case, they will have the same function, but different browser
interpretations - :active for IE, who doesn't understand :focus, and focus
for Gecko - and consequently you'll also want to style them the same way.

/lars http://larsholst.info/blog/

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: