Immagini sopra immagine sfondo.

[Gabriel80]

Ciao a tutti,stò facendo un sito per la scuola,e seguendo il vs. tutorial "Immagine con didascalia semitrasparenti" non riesco ad inserire l'immagine,insomma appare il box con la didascalia senza immagine,mi domandavo se per caso c'entra qualcosa con il fatto che sto già utilizzando un'immagine come sfondo.
Se uso l'immagine come jpg mentre lo sfondo della didascalia è in png sbaglio?
Se potete aiutarmi Grazie.

[KillerWorm]

Ciao, puoi stare tranquillo, i tuoi dubbi non hanno fondamento. In genere le immagini di sfondo possono convivere senza problemi con gli elementi immagine. Sono più propenso a credere che tu abbia commesso qualche altro errore altrove, qua o là sul tuo codice.
Ad ogni modo qui qualcuno ha già provato a cimentarsi in esercizi di onniscenza e chiaroveggenza ma personalmente non ho visto ancora nessuno riuscire nell'intento, per cui sarebbe opportuno che tu mostrassi un minimo di codice html, ed eventuale css, (di ciò che dici non riuscire a far funzionare) per poter permettere, agli utenti del forum, di analizzare eventualmente il problema. Se la pagina è pubblica, tanto meglio, puoi postare direttamente il link.

[WebTrento]

esci il codice

[Gabriel80]

Penso che non abbia niente di sbagliato il codice,perchè ho caricato ancora 2 immagini con questo sistema e le carica:

<div class="captionbox1">
<a href="Link alla pagina">
<img scr="Kilpin.jpg" style="width: 350px;height: 333px" alt="La nostra storia" />
<span>La nostra storia</span>
</a>
</div>

Ho contollato 200 volte il nome dell'immagine se è corretto..
Stessa cosa per quanto riguarda il CSS:

div.captionbox1 {float: left;margin: 10px;border:1px solid #999}
div.captionbox1 img {border: 0;display: block}
div.captionbox1 a {position: relative;float: left;color: #FFF;
text-decoration: none}
div.captionbox1 span {position: absolute;bottom: 0;width: 100%;padding: 3px 0;
background: url(opacity.png) repeat-x 0 -100px;
cursor: pointer;text-align: center}
div.captionbox1 a:hover span {background-position: 0 -200px}

[KillerWorm]

Penso che non abbia niente di sbagliato il codice

...le ultime parole famose.
Fidati, è sempre meglio postare l'eventuale codice anche quando pensi che non abbia niente di sbagliato.

Correggi l'errore che ti segno in rosso, si scrive src:
<img scr="Kilpin.jpg" style="width: 350px;height: 333px" alt="La nostra storia" />

[Gabriel80]

Ok,grazie.