• 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
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.
 

xXxsimo

Utente Assiduo
14 Aprile 2013
732
82
0
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:

Ifrid94

Nuovo utente
Autore del topic
31 Marzo 2017
10
12
0
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

Utente Assiduo
14 Aprile 2013
732
82
0
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:

Ifrid94

Nuovo utente
Autore del topic
31 Marzo 2017
10
12
0
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

Utente Senior
8 Luglio 2007
1.900
22
0
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:

Ifrid94

Nuovo utente
Autore del topic
31 Marzo 2017
10
12
0
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:

xXxsimo

Utente Assiduo
14 Aprile 2013
732
82
0
I Ifrid94 saresti così gentile da condividere con tutti la risoluzione del problema ? In ogni caso rinomino e sposto :emoji_wink:
 
 
 
Top