Salve
Qualcuno sa come ottenere l'effetto di link attivo di a:focus su SAFARI? qualche gabola o trucco?
Ne sarei immensamente grato...![]()
Salve
Qualcuno sa come ottenere l'effetto di link attivo di a:focus su SAFARI? qualche gabola o trucco?
Ne sarei immensamente grato...![]()
Allego CSS funzionante su IE e FF:
#but_img:link {
float: right;
display: compact;
list-style: none;
width: 10px;
height: 9px;
background-color: #c4c4c4;
position: relative;
margin-left: 3;
margin-top: 3px;
font-size: 1px;
}
#but_img:visited {
float: right;
display: compact;
list-style: none;
width: 10px;
height: 9px;
background-color: #c4c4c4;
position: relative;
margin-left: 3;
margin-top: 3px;
font-size: 1px;
}
#but_img:hover {
float: right;
display: inline;
list-style: none;
width: 10px;
height: 9px;
margin-left: 0;
padding-left: 0;
background-color: #890b13;
margin-left: 3;
margin-top: 3px; }
#but_img:focus {
float: right;
display: inline;
list-style: none;
width: 10px;
height: 9px;
margin-left: 0;
padding-left: 0;
background-color: #890b13;
margin-left: 3;
margin-top: 3px; }
#but_img:active {
float: right;
display: inline;
list-style: none;
width: 10px;
height: 9px;
margin-left: 0;
padding-left: 0;
background-color: #890b13;
margin-left: 3;
margin-top: 3px; }
Non serve tutto quel codice: ti basta citare nelle pseudoclassi solo gli attributi che vuoi diversi.
E attento agli errori di sintassi: io ho visto un px mancante, ma controlla con il validatore se c'e` dell'altro.
E credo che il list-style non abbia senso in un link: doversti attribuirlo al[*] e/o al <ul> / [list=1].
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
Grazie mille. Allora vero il codice era scritto in fretta e furia ed ora e' cosi':
Resta cmq il problema del focus su safari...non esiste nessuna gabola per almeno "emularlo" ?Codice PHP:
#but_img:link {
float: right;
display: compact;
width: 10px;
height: 9px;
background-color: #c4c4c4;
position: relative;
margin-left: 3px;
margin-top: 3px;
font-size: 1px;
}
#but_img:visited {
float: right;
display: compact;
width: 10px;
height: 9px;
background-color: #c4c4c4;
position: relative;
margin-left: 3px;
margin-top: 3px;
font-size: 1px;
}
#but_img:hover {
background-color: #890b13;
}
#but_img:focus {
background-color: #890b13;
}
#but_img:active {
background-color: #890b13;
} {
![]()
![]()