Eliminare riquadro tratteggiato quando si clicca su un link: solo Opera lo elimina.

[Smarty]

Salve di nuovo ,
domanda semplice semplice (almeno spero).

Ho cercato nei vecchi post, ma non sono riuscito a trovare niente di specifico.

PROBLEMA: Quando clicco su un link (testuale) mi appare una cornice (1px credo) punteggiata intorno al testo stesso. Tale cornice rimane fintanto che non clicco su un'altra parte della pagina.

TENTATIVI: Ho provato ad utilizzare:

a{border:none;}
a hover{border:none;} 

addirittura (anche se non c'entra niente :rollo: )

img{border:none} 

Ho provato ad utilizzare anche la proprietà "hidden" oppure "0px" ... ma nisba!

RICHIESTA: aiutatemi per favore.

[Smarty]

Per evitare che la discussione passi, subentrandone delle nuove, in seconda pagina, la aggiorno : magari domani, che non è festivo, qualche "anima pia" mi verrà incontro ...
spero


Notte

[fcaldera]

a {
outline : none;
-moz-outline: none;
}


-Fab-




Keywords: link click bordo tratteggio tratteggiato intorno contornato outline focus

[Smarty]

Grazie Fcaldera prima di tutto. Allora:

Ho provato a mettere

a{outline:none}

Il riquadro è scomparso su Firefox (quindi Opera e Fierefox OK!).


Rimane però su Internet Explorer e su Netscape .

Non capisco però l'istruzione ""-moz-outline:none". La sintassi non è per CSS (il -moz- altera
l'attributo in tag).

Magari ho capito male io il tuo codice ?

Cosa ne pensi?

[fcaldera]

è una proprietà valida su mozilla/firefox e ignorata negli altri browser
con quella definizione di norma a me spariscono tutti i riquadri sui link

prova ad applicare quelle regole anche agli elementi contenuti nel link, ad esempio alle immagini

[Smarty]

Cioè se ho capito bene A TE tale riquadro tratteggiato SCOMPARE su TUTTI i browser citati applicando l'attributo NONE alla proprietà OUTLINE nei tag A e IMG. Per intenderci

a{outline:none}

img{outline:none}

manca altro?




P.S. Ma che era allora "-moz- outline: none" ... una ripetizione dovuta alla battitura :master: ?

[Smarty]

Ho provato, nonostante il link sia riferito solo a parole (e non ad immagini), ad applicare

outline:none

sia a "a", sia ad "img", sia ad "a:hover" ... ma niente. IE proprio va' per i fatti suoi. Altra lezione di programma scritto "coi piedi" da parte di Microsoft. Scusate l'OT, ma quando ci vuole ci vuole ... e, se tutti usassero firefox ... sarebbe un'altra storia .


Grazie lo stesso Mod. per la pazienza .

[gabip87]

meglio evitare di usare questa proprietà se non indispensabile.

[fcaldera]

Originariamente inviato da Smarty
P.S. Ma che era allora "-moz- outline: none" ... una ripetizione dovuta alla battitura :master: ?

http://developer.mozilla.org/en/docs/CSS:-moz-outline

[Mich_]

Io sapevo che occorreva un piccolo JS per togliere il riquadro.
<a ... onclick="this.blur();">
In pratica si toglie il focus non appena e` stato spostato sul link.

Comunque non e` una bella cosa toglierlo, dato che l'utente che usa i browser che lo mettono si aspetta di vederlo e potrebbe trovarsi male se non lo vede. E un utente che naviga con la tastiera, non sa piu` dov'e` con il puntatore.