• 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
31 Marzo 2017
10
1
15
74
Miglior risposta
0
#1 Autore del topic
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
37
82
Venezia
Miglior risposta
0
#2
Beh si, tu hai così reso cliccabile solo il testo "Realizzazione Appartamenti - Ciserano" ma devi rendere cliccabile anche l'immagine. Prova così:
HTML:
<!-- Portfolio content -->
<div class="portfolio-content">
<!-- Portfolio container -->
<div class="portfolio-container">
<div class="single-portfolio">
<div class="single-item">
<a href="http://LINK COLLEGATO">
<img src="assets/images/portfolio-img-small1.jpg" alt="img"></a>
<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>
 
Ultima modifica:

Ifrid94

Nuovo utente
31 Marzo 2017
10
1
15
74
Miglior risposta
0
#3 Autore del topic
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
37
82
Venezia
Miglior risposta
0
#4
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:
<!-- Portfolio content -->
<div class="portfolio-content">
<!-- Portfolio container -->
<div class="portfolio-container">
<div class="single-portfolio">
<div class="single-item">
<a href="LINK" style="background: "URL IMMAGINE""></a>
<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>
oppure così:
HTML:
<!-- Portfolio content -->
<div class="portfolio-content">
<!-- Portfolio container -->
<div class="portfolio-container">
<div class="single-portfolio">
<div class="single-item">
<a href="LINK"><img style="pointer-events: auto !important" src="URL IMMAGINE"></a>
<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>
Altrimenti dirigiti nel file css e rimuovi la stringa
CSS:
pointer-events: none;
se presente.
 
Ultima modifica:

Rikku

Utente Senior
8 Luglio 2007
1.901
24
40
25
Messina
Miglior risposta
0
#6
Assurdo non funziona........... Ti linko il progetto.Ovviamente non voglio fare spam per nessun motivo al mondo. www.prv2.altervista.org/index5.html 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
31 Marzo 2017
10
1
15
74
Miglior risposta
0
#7 Autore del topic
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
37
82
Venezia
Miglior risposta
0
#8
I @Ifrid94 saresti così gentile da condividere con tutti la risoluzione del problema ? In ogni caso rinomino e sposto :emoji_wink:
 
Shoutbox
  1. S Santa Elera: Ho un problema con il mio telefonino
  2. S Santa Elera: C'è qualcuno che può aiutarmi?
  3. #KiK #KiK: CAFONE
  4. #KiK #KiK: ma come parla
  5. 404NotFound 404NotFound: figa
  6. topolino1958 topolino1958: Ragazzi dove posso postare un canale telegram per pubblicità?
  7. Cristoforo58 Cristoforo58: Sono vietati link esterni a Sciax2 in shoutbox, grazie.
  8. Mr_Joker Mr_Joker: vi ricordiamo che domani pomeriggio dalle 2-5pm "Sunake Hotel" apre le selezioni a diverse posizione staff.
  9. Forzaese23 Forzaese23: retro babbo
  10. #KiK #KiK: createlo amikoooo
  11. B bbhojjjj76: fake login habbo ne avete?
  12. N NeroWhite BO: Buonasera
  13. #Egzon14 #Egzon14: dunque possiamo definirli morti i retro
  14. #Egzon14 #Egzon14: habbo passerà ad unity
  15. #KiK #KiK: ma infatti
  16. #Egzon14 #Egzon14: ancora con sti retro habbo
  17. M mikiamo2012: Qualcuno per creare retro habbo?
  18. topolino1958 topolino1958: Ragazzi dove posso postare un canale telegram per pubblicità?
  19. #KiK #KiK: e poi ci sono io che vado a sorseggiare un po di kaffè su habbo inglese
  20. #Egzon14 #Egzon14: è proprio morto sciax2
  21. #KiK #KiK: Amiciii come statee
  22. #KiK #KiK: Cerco staff per la mia kaffetteriaaaa
  23. LogR LogR: Cerco tutto lo staff per il mio retroserver
  24. LogR LogR: https://www.sciax2.it/forum/threads/cerco-team-progetto-pronto.700516/
  25. A AnonymousOwna: Lubex Hotel è online vi aspetto
Top