Buongiorno, spero di postare nella sezione giusta, perchè non so bene dove sto sbagliando, se nel codice della pagina o nel css.
Devo mettere delle immagini su una pagina web e volevo che comparisse una didascalia quando ci passi il mouse sopra (e questo riesco a farlo). Ho quindi inserito nel testo della didascalia anche dei link a dei pdf esterni... ma quando carico la pagina online e clicco sui link mi compare la scritta The image could not be loaded, ma se clicco su "The image" mi carica il pdf cui porta il link del codice!
il codice
codice:
<div class="captiongallery">
<img src="images/scienza/pane.jpg" alt="Panificazione" />
<span>Pane, pizza e pasta fatta in casa
<br><a href="documents/ricette/pane e pizza _perino_2015.pdf">Pane e Pizza (Perino) - corso 2015</a>
<br><a href="documents/ricette/pane e pizza _perino_.pdf">Pane e Pizza (Perino)</a>
<br><a href="documents/ricette/pasta e taralli _luzio_.pdf.pdf">Pasta fatta in casa e taralli (Luzio)</a>
</span>
</div>
</div>
il CSS
codice:
.captiongallery {
font-family: Verdana, sans-serif;
font-size: 15px;
float: left;
margin: 0;
padding: 0;
position: relative;
overflow: hidden;
}
.captiongallery span {
float: left;
margin: 0;
padding: 10px;
width: 100%;
color: #dedede;
background: #222; /* browser che non supportano rgba */
background: rgba(0,0,0,0.7);
position: absolute;
left: 0;
bottom: 0;
display: none;
}
.captiongallery span strong {
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
display: block;
padding-bottom: 5px;
}
.captiongallery:hover span { display: block; }
quello che io vorrei è che, si, compaia la didascalia come capita ora, ma che che puntasse direttamente al pdf senza che compaia la scritta l'immagine non può essere caricata.... siccome è un template che ho preso online, può essere che il problema sia da qualche altra parte che non trovo?
Grazie mille a chi può indirizzarmi!