Salve, sono nuovo del forum e da pochissimo mi interesso della costruzione del mio sito Web. Il sito è molto semplice, avrei voluto inserire delle animazioni tipo Carosello ma ho dovuto ridimensionare le mie aspirazioni, pertanto ho cominciato a lavorare solo con Html e Css (non jquery o flash).

Ora c'è un piccolo problema: ho creato (in realtà l'ho copiato dal web per modificarlo e dare una prima impostazione al mio sito!) un contenitore, il quale contiene un menù orizzontale che richiama delle slide fotografiche; all'interno di ogni singola slide vorrei inserirci il testo in html.

Cortesemente mi aiutereste? Allego il codice html e css:

codice:
<div class="carosellointro">
<div id="image-slider">
  <div id="navigation">
    <a href="#slide1">Mal di Schiena</a>
    <a href="#slide2">Ernia del Disco</a>
    <a href="#slide3">Riabilitazione Posturale</a>
    <a href="#slide4">Riabilitazione Funzionale</a>
    <a href="#slide5">...altro</a>
  </div>
  <div id="slide-frame">
    <img src="immagini/Schiena.jpg" alt="" />
    <div id="slides">
      <img id="slide1" src="immagini/Schiena.jpg" alt="" />
      <img id="slide2" src="immagini/Ernia.jpg" alt="" />
      <img id="slide3" src="immagini/Posturale.jpg" alt="" />
      <img id="slide4" src="immagini/Funzionale.jpg" alt="" />
      <img id="slide5" src="immagini/Altro.jpg" alt="" />
    </div>
  </div>
</div>
</div>
codice:
/*carosello intro vetrina*/
.carosellointro {
    height: 679px;
    width: 1451px;
    margin-top: 10px;
    background-color: #fff;
}

#image-slider {
    width: 1451px;
    height: 679px;
    position: relative;
}

#slide-frame {
    height: 679px;
    overflow: hidden;
}

#slides {
  height: 679px;
}

#slides img {
    /* [disabled]position: absolute; */
}

#navigation {
    text-align: right;
    position: absolute;
    top: 24px;
    right: 0px;
    bottom: 600px;
    left: 0px;
    background-color: #CCC;
    opacity: .8;
}

#navigation a {
    display: inline;
    line-height: 50px;
    margin-top: 0px;
    margin-right: 25px;
    margin-bottom: 10px;
    margin-left: 5px;
    text-decoration: none;
}

#navigation a:link { color: #999; }
         a:active { color: #fff; }
         a:visited { color: #999 }

#navigation a:hover {color: #666;}

In pratica, vorrei inserire del testo in queste slide:
<img id="slide1" src="immagini/Schiena.jpg" alt="" />
ed ovviamente non so come fare...se avete bisogno di altro materiale chiedete pure.

n.b. se non è possibile farlo credo che inserirò il testo all'interno delle slide fotografiche tramite Photoshop!

Grazie Mille.