(CSS) Strepen om een div-block link

[Verwijderd]

Ik maak veel gebruik van div-blokken, die fungeren als link (met hover etc.). Alleen wanneer je er op klikt in Firefox krijg je een irritante streepjeslijn eromheen te zien.
Bij Safari en Chromium heb ik hier geen last van.
Iemand enig idee hoe je dit voor Firefox kunt omzeilen?
Alvast bedankt!

Plaatje ter verduidelijking:

[Bosmonster]

Zoek eens op CSS outline

waarom gebruik je trouwens div's en niet gewoon a's?

[mcDavid]

Niet. En dat moet je ook niet willen. Dat is met een reden.

[RaZ]

Ik heb dat overigens ook met plaatjes, in Zowel IE7 als in Fx3.6.2

HTML:

<a href="#"><img src="" /></a>

Hoe het komt, nada idee, maar ik gok omdat je hem dmv de muisklik selecteert?

[NMNN]

Dat noem je "focus". Met tab en shift-tab kun je die laten verspringen om vervolgens met enter te bevestigen=klik.

[Verwijderd]

Het is dus alleen als je er op klikt, bij hover enz, geen last van. Hij blijft ook niet staan ofzo, alleen als je er op klikt.

[mcDavid]

RaZ schreef op donderdag 01 april 2010 @ 15:23:
Ik heb dat overigens ook met plaatjes, in Zowel IE7 als in Fx3.6.2

HTML:

<a href="#"><img src="" /></a>

Hoe het komt, nada idee, maar ik gok omdat je hem dmv de muisklik selecteert?

Of met tab.

Je hebt van die websites die ditsoort accessebility er helemaal uit gesloopt hebben, dan weet je dus bij god niet meer waar je terecht komt als je op tab drukt.

[Peter]

Dit kun je verwijderen met de volgende CSS regel:

div:focus { outline: 0; }

Zorg in ieder geval dat je, als je website goed toegankelijk moet zijn (wat bij familiesites bijv. niet zo belangrijk is, maar voor het bedrijfsleven doorgaans al belangrijker), een ander soort outline definieert. Dat helpt namelijk wel vaak bij mensen

[Verwijderd]

galmoer schreef op donderdag 01 april 2010 @ 15:26:
Dat noem je "focus". Met tab en shift-tab kun je die laten verspringen om vervolgens met enter te bevestigen=klik.

Ik zie het, het is dus gewoon een functie in Firefox. Kom er nu achter dat je het eigenlijk op elke website hebt
Op geenstijl zie je bijvoorbeeld bij het menu dat de kleur wel anders is. Dat zou je dus kunnen veranderen met de outline functie?

[Verwijderd]

Peter schreef op donderdag 01 april 2010 @ 15:29:
Dit kun je verwijderen met de volgende CSS regel:

div:focus { outline: 0; }

Zorg in ieder geval dat je, als je website goed toegankelijk moet zijn (wat bij familiesites bijv. niet zo belangrijk is, maar voor het bedrijfsleven doorgaans al belangrijker), een ander soort outline definieert. Dat helpt namelijk wel vaak bij mensen

Zoals mijn bovenstaande post gokte ik hier al op. Dankjewel