Problema risolto Rendere immagine cliccabile?

[Ifrid94]

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.

 

[xXxsimo]

Beh si, tu hai così reso cliccabile solo il testo "Realizzazione Appartamenti - Ciserano" ma devi rendere cliccabile anche l'immagine. Prova così:

Perfavore, Entra oppure Registrati per vedere i codici!

 

[Ifrid94]

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?

 

[xXxsimo]

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ì:

Perfavore, Entra oppure Registrati per vedere i codici!

oppure così:

Perfavore, Entra oppure Registrati per vedere i codici!

Altrimenti dirigiti nel file css e rimuovi la stringa

Perfavore, Entra oppure Registrati per vedere i codici!

se presente.

 

[Ifrid94]

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"

 

[Rikku]

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.

 

[Ifrid94]

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.

 

[xXxsimo]

I Ifrid94 saresti così gentile da condividere con tutti la risoluzione del problema ? In ogni caso rinomino e sposto