mi aiutate ad inserire il testo?

[AntoIron]

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:

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

/*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.

[Nobody33]

Link alla pagina? magari carichi il tutto da qualche parte. Il testo da che parte deve stare rispetto all'immagine?

Potresti anche fare scorrere dei div invece ché delle immagini, cosi puoi inserire tutto quello che vuoi.

[AntoIron]

Grazie Nobody33. E' la prima volta che provo a creare un sito e non saprei né dove, né come caricarlo!
Per quanto riguarda il far scorrere div piuttosto che immagini credo sia la risposta alla mia domanda, sicuramente incontrerò altre difficoltà nel momento in cui dovrò associare i div al link. Dato che il codice l'ho copiato e riadattato semplicemente alle mie esigenze, gradirei, se possibile, un piccolo codice funzionante dal quale prendere spunto.
Quando avrò più confidenza con l'Html e Css formatterò il testo o a destra o a sinistra, alternandolo per dare un effetto visivo migliore.
Se è assolutamente necessario caricare il sito...lo farò!
Grazie ancora...

[Mich_]

"Inserire il testo nelle slide" dove per slide mi pare che intendi immagini.

Non e` una espressione da cui si puo` capire cosa vuoi.

Se vuoi sovrapporre del testo ad alcune immagini, si puo` procedere in due modi:
- inserire il testo nell'immagine (puoi editarle con qualsiasi programma di grafica, anche il grezzo paint che e` in dotazione a tutti i sistemi operativi)
- sovrapporre il testo sul browser: questo e` un po' piu` complicato, perche` significa sovrapporre due oggetti. Si fa, ma occorre un contenitore che contenga sia l'immagine che il testo, e poi lavorare con position e z-index

Pero` quello che stai facendo sembra un menu, ed i menu si realizzano con le liste.
Ma per i menu ci sono varie risorse in rete. Alcune sono citate tra i "link utili" del forum (a me piacciono i menu di CSSplay).


Se carichi il sito/la pagina in rete e` molto piu` facile aiutarti, per cui ti consiglio di cercare uno spazio (ce ne sono di gratuiti, che per le prove vanno bene - vedi il regolamento di sezione per altre informazioni)

[AntoIron]

Di seguito il sito che ho cominciato a creare:
http://monacofisioterapista.altervista.org
ad ogni immagine devo affiancare un testo utilizzando semplicemente l'html. Questo l'ho ottenuto utilizzando un codice trovato in rete, ora mi trovo in difficoltà perché non so come inserire il testo.
Help me please!!!

[webbeloz]

Di seguito il sito che ho cominciato a creare:
http://monacofisioterapista.altervista.org
ad ogni immagine devo affiancare un testo utilizzando semplicemente l'html. Questo l'ho ottenuto utilizzando un codice trovato in rete, ora mi trovo in difficoltà perché non so come inserire il testo.
Help me please!!!

cosa intendi per affiancare....
Spiega esattamente dove vuoi piazzare il testo.

[AntoIron]

Semplice, il testo vorrei piazzarlo alla destra di ogni immagine; se ci fate caso ogni .jpg ha una metà completamente bianca, bene quella metà dovrà contenere il testo.
Es.: cliccando sul link Ernia del Disco apparirà l'immagine della colonna vertebrale a sinistra ed un testo descrittivo a desta.
Grazie.

[webbeloz]

questo dovrebbe schiarirti le idee...

http://wblz.co/XePs1

[AntoIron]

Webbeloz è quel che cercavo: l'inizio da cui partire!!! Adesso lo studio un pò...
Grazie

[webbeloz]

Webbeloz è quel che cercavo: l'inizio da cui partire!!! Adesso lo studio un pò...
Grazie

Ottimo! dato che usi del testo a parte alla IMG, puoi anche se vuoi far entrare il testo in slide con un certo margine di ritardo... e magari anche in fadeIn.