evitare il bordo tratteggiato quando si clicca su un link testuale (o link immagine)

[blekm]

vedo di spiegarmi..

quando io clicco su un link testuale ( e tengo premuto il testo del mouse ) appare quel bordo tratteggiato fastidioso.. come potrei evitare la comprasa di quel bordo? via css?

oppure esistono altre vie?

anche quando clicco su un immagine,appare il bordo intorno a quell'immagine... si può evitare quella comparsa? mi da proprio fastidio..

nel file allegato trovare gli esempi..il primo è un caso di clic (tenuto premuto, ovviamente in entrambi i casi) su immagine, il secondo è un caso di clic su testo..

spero di essere stato chiaro..

[fcaldera]

sui link devi settare due prorpietà:

outline : none;
-moz-outline: none;

tieni conto che così viene meno uno strumento per l'accessibilità (un utente non vede il link su cui si trova se usa la tastiera per scorrere i link)

[blekm]

Originariamente inviato da fcaldera
sui link devi settare due prorpietà:

outline : none;
-moz-outline: none;

tieni conto che così viene meno uno strumento per l'accessibilità (un utente non vede il link su cui si trova se usa la tastiera per scorrere i link)

quindi il tuo consiglio è evitare di usare questa soluzione per evitare questo tratteggio?

non esistono altre vie? nemmeno vie che non intacchino l'accessibilità?

[blekm]

[Mich_]

fcaldera ti ha indicato una strada su come togliere il tratteggio.
Un altro metodo e` usare JS:
<a href="..." ... onclick="this.blur();">

Pero` sono tutte tecniche anti-accessibili: cioe` che sono contrarie alle regole sull'accessibilita`.

Se un browser di suo ci mette il tratteggio, e` per far vedere che il link e` stato cliccato, non perche` il programmatore nasconda questo fatto.
Se un utente usa un browser che mette il tratteggio, si aspetta tale funzionalita`, se non lo vede pensa di non aver cliccato o di aver sbagliato qualcosa.

Io personalmente (e non mi ritengo hadicappato) uso molto tale funzionalita`: mi ricorda l'ultimo link cliccato, specie quando ho una pagina con molte news che mi interessano, e clicco con il centrale (rotellina) per far aprire le pagine (tab) che andro` a leggere con calma.

Quindi non e` questione di "cercare un'altra via". E` questione di rispettare le scelte dell'utente (e del suo browser) oppure boicottarle.

[blekm]

Originariamente inviato da Mich_
fcaldera ti ha indicato una strada su come togliere il tratteggio.
Un altro metodo e` usare JS:
<a href="..." ... onclick="this.blur();">

Pero` sono tutte tecniche anti-accessibili: cioe` che sono contrarie alle regole sull'accessibilita`.

Se un browser di suo ci mette il tratteggio, e` per far vedere che il link e` stato cliccato, non perche` il programmatore nasconda questo fatto.
Se un utente usa un browser che mette il tratteggio, si aspetta tale funzionalita`, se non lo vede pensa di non aver cliccato o di aver sbagliato qualcosa.

Io personalmente (e non mi ritengo hadicappato) uso molto tale funzionalita`: mi ricorda l'ultimo link cliccato, specie quando ho una pagina con molte news che mi interessano, e clicco con il centrale (rotellina) per far aprire le pagine (tab) che andro` a leggere con calma.

Quindi non e` questione di "cercare un'altra via". E` questione di rispettare le scelte dell'utente (e del suo browser) oppure boicottarle.

ho capito, grazie per le informazioni!

personalmente, non mi piaceva.. ma mi sa che lo lascio cosi!

[TatinaGreta]

<a href="..." ... onclick="this.blur();">



.... i primi puntini stanno per la pagina dove sono situati i link, giusto?
.. i secondi?

sn alle basi.. aiutatemi che nn riesco a seguire!

[fcaldera]

i primi puntini vanno sostituiti con l'url a cui deve puntare il link
i secondi rappresentano eventuali altri attributi che vuoi aggiungere all'elemento A, ad esempio un title

[TatinaGreta]

<a ONMOUSEOVER="changeImages('id38Barcolana2_01', 'immagini/38Barcolana2_01-over.jpg'); return true;" ONMOUSEOUT="changeImages('id38Barcolana2_01', 'immagini/38Barcolana2_01.jpg'); return true;" href="38°_barcolana.htm">
    [img]immagini/38Barcolana2_01.jpg[/img]</a><BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 ONLOAD="preloadImages();"></BODY></td> 

visto che io ho questo codice (con mouseover) ... provando a mettere il codice che mi hai detto ... non mi va... ho ancora quel tratteggio... :master:

[fcaldera]

Originariamente inviato da TatinaGreta

<a ONMOUSEOVER="changeImages('id38Barcolana2_01', 'immagini/38Barcolana2_01-over.jpg'); return true;" ONMOUSEOUT="changeImages('id38Barcolana2_01', 'immagini/38Barcolana2_01.jpg'); return true;" href="38°_barcolana.htm">
    [img]immagini/38Barcolana2_01.jpg[/img]</a><BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 ONLOAD="preloadImages();"></BODY></td> 

visto che io ho questo codice (con mouseover) ... provando a mettere il codice che mi hai detto ... non mi va... ho ancora quel tratteggio... :master:

io lì mi preoccuperei di correggere altre cose prima... ad esempio il link che è fuori dal body e il body che è vuoto. Inoltre non specifichi quale DTD stai usando e mescoli stili con attributi presentazionali...