Sto realizzando un sito tramite Joomla. Ho installato un componente per creare una galleria di immagini, in sostanza per ogni immagine ho un codice simile a questo:
<span style="margin-left: 4px;" class="ppg_thb">
<a target="_blank" href="/cartella/immagine.png">
[img]/cartella/immaginepiccola.png[/img]
</a>
</span>
il riferimento alla classe ppg_thb si trova in un file CSS fornito dal componente della galleria:
.ppg_thb img {
border:2px solid #bfbeb2;
display:block;
line-height:0;
padding:2px;
}
.ppg_thb a:hover img {
border: 2px #ff8a00;
}
.ppg_thb :hover span {
border: 1px solid navy;
}
Qui il problema, la parte relativa a ".ppg_thb img" viene tranquillamente visualizzata ma non la parte relativa a ".ppg_thb a:hover img", infatti io vorrei che quando il muose è sopra all'immagine cambi solo il colore del bordo ma questo non accade.
Da una analisi con FireBug il codice relativo a ".ppg_thb a:hover img" è sbarrato come se fosse messo in secondo piano da quello che gestisce normalmente i link nel mio sito contenuto nel CSS principale del mio template.
Non sono un esperto di CSS quindi potete darmi una mano? C'è modo di imporre il codice al browser?
GRAZIE
Rispondi quotando
