• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

Problema risolto Rendere immagine cliccabile?

Ifrid94

Nuovo utente
Autore del topic
31 Marzo 2017
10
12
Miglior risposta
0
Salve a tutti sto realizzando uno dei miei "primi" progetti.
ho un problema che mi attanaglia da giorni e non riesco a trovarne una soluzione.

il codice è il seguente

<!-- Portfolio content -->
<div class="portfolio-content">
<!-- Portfolio container -->
<div class="portfolio-container">
<div class="single-portfolio">
<div class="single-item">
<img src="assets/images/portfolio-img-small1.jpg" alt="img">
<div class="single-item-content">
<div class="portfolio-title">
<a href="/ph/ciserano-walt-disney.html" target="_blank"><h4>Realizzazione Appartamenti - Ciserano</h4></a>
</div>
</div>
</div>
</div>
E vorrei rendere cliccabile l'immagine in rosso...E non capisco perchè non funziona.
Grazie anticipato a chiunque mi aiuti a uscire dal bicchier d'acqua.
In allegato screen.
screen.png
 
Beh si, tu hai così reso cliccabile solo il testo "Realizzazione Appartamenti - Ciserano" ma devi rendere cliccabile anche l'immagine. Prova così:
HTML:
Perfavore, Entra oppure Registrati per vedere i codici!
 
Ultima modifica:
Niente da fare, non funziona facendo così è come se mi saltasse anche il css... Assurdo.
Posso pubblicare il link per guardare il codice con ispeziona?
 
Niente da fare, non funziona facendo così è come se mi saltasse anche il css... Assurdo.
Posso pubblicare il link per guardare il codice con ispeziona?

Allora prova così:

HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

oppure così:
HTML:
Perfavore, Entra oppure Registrati per vedere i codici!

Altrimenti dirigiti nel file css e rimuovi la stringa
CSS:
Perfavore, Entra oppure Registrati per vedere i codici!
se presente.
 
Ultima modifica:
Assurdo non funziona........... Ti linko il progetto.Ovviamente non voglio fare spam per nessun motivo al mondo.
Perfavore, Entra oppure Registrati per vedere i Link!
nella sezione "gallery"
 
Assurdo non funziona........... Ti linko il progetto.Ovviamente non voglio fare spam per nessun motivo al mondo.
Perfavore, Entra oppure Registrati per vedere i Link!
nella sezione "gallery"
Il tuo problema è che quando vai in hover, crea uno sfondo nero sull'immagine, e gli va "sopra", quindi ovviamente l'immagine sotto diventa non cliccabile.
L'unica soluzione, fai sì che quel riquadro nero diventi un anchor e lo ristilizzi come se fosse un contenitore, o lo rimuovi. Al momento non mi viene altra soluzione "immediata" in mente.

EDIT:
Una soluzione se volessi evitare di fare modifiche strane etc., fai un semplice evento onclick su quel div quando ha il selettore hover, ed utilizzi il window.location.href per reindirizzarlo sulla pagina che ti serve.
 
Ultima modifica:
Grazie mille mille mille gentilissimi tutti. Potresti farmi un esempio per favore? Mi saresti di grandissimo aiuto!


EDIT: Potete chiudere ho risolto, se qualcuno è interessato alla soluzione mi contatti.
 
Ultima modifica:
I Ifrid94 saresti così gentile da condividere con tutti la risoluzione del problema ? In ogni caso rinomino e sposto :emoji_wink: