accesskey CSS

[matauri]

With the new business site I am trying to make it 'accessible', but I am hitting a snag with Firebird. I read a tutorial that told me to put the following snippet of code in to make it work properly in browsers other that IE. Problem being, that when you mouseover it, not only does the 'title' show, but so does text showing the accesskey. Consequently, at bottom of page it pushes links, images over & underlines the link & the acceskey text.

URL : http://attitude-emedia.net/ (only front page)
CSS : http://attitude-emedia.net/attitude(1).css

This is the code I included in the CSS.
(its at bottom of CSS file)

*[accesskey]:hover:after, :focus:after{
display: block;
font-size: 0.5em ;
font-weight : bold;
content: " [Alt+" attr(accesskey) "]";
}


Suggestions?


Cindy

[mikmikmik]

a [accesskey="i"] href="http://attitude-emedia.com/">[img]Attitude%20Hosting%20Domain%20%20Hosting%20Service s%20...%20Mandurah,%20Western%20Australia_files/att-sml-logo.gif[/img]</a>*

*****[color=red]PRIVACY*****|*****POLICIES

TERMS*

** <a *[accesskey="o"] href="http://attitude-emedia.net/">
[img]Attitude%20Hosting%20Domain%20%20Hosting%20Service s%20...%20Mandurah,%20Western%20Australia_files/host-sml-logo.gif[/img]</a>

You know who, I just had to go get firebird because I just reinstalled win2K and now can't boot to XP and then I don't have zip and etc and no cookie doesnt work that I saved blah be-dee-blah you know who :O)))

I have a PM email at you when I get my grip on reality back, Yar? lol

[matauri]

I know your going somewhere with this, jsut trying to figure out where.

Are you saying Mik that I put the accesskey at front of <a> tag? What are you telling me with the rest of the red text? Excuse my brain if its obvious & I'm not seeing it, but operating on little to no sleep at moment :-)


Cindy

[mikmik]

Mat, Please accept my apologies! I wondered how it would look. Damn, I was offline (blah long story) today and getting madder, frustrated and etc.

Anyways, I could barely get Moz Firebird going and when I did, I tried a couple of differrent combos, and most looked goot!

I wasn't sure what you see with IE5x, so I was trying to hint to try variations on the theme. LOL (sure, now :O))

Man, I couldn't log in, I had backed up my cookies as a CSV file, I just came from another scramble with 'external" ( I hope you saw), and I lost half my post, I thought , thanks goodness Moz Baby (not like IE Blah!)

So I am sorry, I tried to send you a PM and E-mail, and it was funnie after, but I sowwey }:-\

So the main one i found for Moz/Firebrd + IE6 was the one with the

PRIVACY

I don't know what exactly you were trying for, I got blown away with info when I looked! E-mail/PM anything. (Ph. 1 250 860 4241 LOL)

HTH

PS Those spaces in the page and folder titles are driving me berserk!! I am all configured with "localhost" stuff and all the spaces get %20 in them!

[matauri]

Yeah, it works fine for IE, but doesnt everything! LOL

It was Firebird I was having the issues with.

So restructing the tag will do it hey? And that is keeping the following still in the CSS file?

*[accesskey]:hover:after, :focus:after{
display: block;
font-size: 0.5em ;
font-weight : bold;
content: " [Alt+" attr(accesskey) "]";
}


Cindy

[mikmik]

Yes. I did not touch the css sheet.
There is no jump with this in FB.

That is why I was freaking about Firebird before, I just put Win 2K and then FB is a zip and ... RTFOL.

I thought I saw you here. I am pretty sure that this looked exactly the same for the 'tooltip' thingamabob

[mikmik]

Hi again, I just Firebird up on my #2 here. All of the ones in red above show a bit diferent, and the first one (left image in bar) does not show the popup for Firebird.

I will upload and put a link back here.

Probobly bobobabaly - I iwll uload to here;
http://factor1.net/temp/active.html

Give me 5...

[dean]

Sometimes you can inadvertantly make a site less accessible by defining access keys. Any application/browser that displays your site will usually have plenty of it's own access keys. It's very easy to create an access key that has already been used by the browser, thus causing confusion. Most everything can be accessed by tabbing anyway.
Just thought I'd point that out.