Immagini e link

[gmassolo]

Se inserisco immagini con sfondo trasparente ho uno sgradevole effetto di a hover
http://lnx.liceogiovio.gov.it/sito/it/
vedi prima immagine logo Moodle nel modulo html di sinistra
C'è un modo semplice per rimuoverlo?
GRAZIE:)

[maicolstaip]

Ciao,
dovrebbe essere
sito/templates/accessiblepro/css/BlueBeigeFlat_theme.min.css

linea 2

background-color: #001b72;

[gmassolo]

Grazie:)
Ma non c'è modo meno brutale che modificare il css?




ad es posso sperare in un aggiornamento del template che rimuova tale effetto per le immagini con collegamento?

[maicolstaip]

Scusa ma più semplice di così, non c'è.
poi aspetta qualcun altro che magari ha una soluzione migliore
Ciao!

[maicolstaip]

Ma la seconda immagine come l'hai inserita?
Lì non c'è l'effetto

Edited: ok sfondo bianco sulla seconda
trasparente sulla prima

[gmassolo]

Esatto!

[elpaso66]

Scusa ma più semplice di così, non c'è.
poi aspetta qualcun altro che magari ha una soluzione migliore
Ciao!

Prima di tutto ci va una regola CSS con priorità maggiore sul tag a:hover.

Poi ci sono almeno tre soluzioni migliori:

1. usare un foglio di stile custom e metterci la regola dentro
2. (solo versione PRO) mettere la regola nel form per i CSS personalizzati disponibile nelle opzioni del template
3. se è in un modulo HTML custom mettere la regola come stile inline

... e non verrà corretto in quanto non è un errore. È uno stile applicato a tutti i tag A.

Per lo stile inline:

Codice: [Seleziona]

style="background-color:transparent !important;"
Per la regole override CSS andrebbe messa una classe sul modulo e poi la regola va applicata al tag a:hover.

[gmassolo]

Scusate se torno sull'argomento, ma ogni volta che inserisco un'immagine con un collegamento ho l'evidenziazione del link anche se non inserisco nessuno spazio tra immagine e immagine.
Visto che vorrei affidare la gestione del sito a personale che non deve preoccuparsi del problema dello sfondo delle immagini (trasparente, bianco o colorato)....chiedo se devo proprio intervenire sul codice.
Grazie comunque a tutti!


Allego immagine
e questo il codice
<div style="background: white;"><a href="http://www.istruzione.lombardia.gov.it/" target="_blank" rel="alternate"><img src="images/loghi/logo_USR_Lombardia.jpg" alt="" width="168" height="109" /><a href="http://www.istruzione.it" target="_blank" rel="alternate"><img src="images/loghi/logo_nuovo-miur.gif" alt="" width="193" height="41" /><a href="http://www.regione.lombardia.it" target="_blank" rel="alternate"><img src="images/loghi/regione_Lombardia.png" alt="" width="139" height="67" /><a href="http://cercalatuascuola.istruzione.it/cercalatuascuola/" target="_blank" rel="alternate"><img src="images/loghi/scuola-in-chiaro.png" alt="" />