HTML: testo oltre la textarea

[marco.agelao]

ad esempio una pagina di un giornale dove una notizia corredata da immagine inizia in una pagina per poche righe e poi, volutamente, la si fa proseguire in una pagina diversa

[KillerWorm]

non mi hai chiarito molto...
Parliamo sempre di web?
L'esempio che hai fatto, se riferito all'ambito web, forse si può associare maggiormente a quei casi in cui c'è un'anteprima di un articolo, quindi cliccandoci sopra si va alla pagina dell'articolo completo. Ma questo non ha niente a che fare col discorso di dividere il testo tra due textarea (o div o quello che è) mentre l'utente ci sta scrivendo dentro.

In quei casi lì, generalmente si scrive un testo breve per l'anteprima e uno per l'intero articolo, oppure l'intero articolo viene elaborato da uno script (lato client o server che sia) per prelevarne un estratto da usare come anteprima.

Continuo quindi a non aver chiaro il tuo intento.

Se ti interessa dividere il contenuto di un elemento (ad esempio di un div), probabilmente ti serve JavaScript, come già ti è stato detto. Nel caso prova a fare qualche ricerca con termini tipo "javascript split text into multiple divs" o qualcosa del genere.

Potresti trovare anche una "mezza" soluzione in CSS con l'uso di CSS Regions.
Vedi qualche articolo:
http://blog.html.it/29/01/2014/googl...su-css-region/
http://www.html.it/pag/41271/il-supporto-css3-in-ie10/

Da tenere presente che tale funzionalità è in fase di sviluppo e attualmente potrebbe essere non supportata da vari browser.
Personalmente non la userei.

Ad ogni modo tu vorresti unire, a questa, anche la possibilità di editare il testo su tali elementi. Personalmente non so se, e come, le due cose possano funzionare assieme.

Quello che avevo da consigliarti te l'ho scritto, di più non so dirti.
Spero tu riesca a trovare una soluzione o che qualcuno abbia da consigliarti qualcosa di più specifico.

Buon proseguimento

[marco.agelao]

E' esattamente il concetto di CSS Regions.
Intendevo questo
IMG.jpg

[marco.agelao]

Ho visto che, ad esempio, Google Chrome non supporta CSS Regions.
Mi sembra però che content folding faccia qualcosa di simile. Devo documentarmi

[marco.agelao]

Buongiorno, ho necessità di un ulteriore aiuto. Come posso ottenere lo stesso risultato del testo intorno all'immagine, ma posizionando questa non a sinistra o destra ma in una posizione diversa ? Ossia ad esempio al centro orizzontalmente, oppure al centro orizzontalmente e magari ad una certa quantità di pixel dall'alto?

Immagine.jpg

[Shores]

Mmm, questo non è possibile: anche se tu usassi i float, che comunque non permettono l'allineamento centrale, la posizione verticale in cui appare l'immagine floated dipende strettamente da dove il suo tag appare ALL'INTERNO del testo, quindi non puoi inserire visivamente all'interno del testo una immagine che a livello di HTML non è immersa nel testo.

Quanto al content folding, parliamo di tecniche ancora molto sperimentali, e che sembrano funzionare solo se usi javascript...

Spero di essere stato chiaro!

[KillerWorm]

Risposta breve:
Come già ti è stato indicato, attualmente non è possibile farlo. Se anche ci fosse un qualche modo, sarebbe alquanto macchinoso e poco pratico oppure con un ridotto supporto dei vari browser... Il mio consiglio è: lascia perdere, usa un layout più classico e pratico.

Maggiori dettagli:
Ciò che vorresti ottenere è una formula CSS del tipo "float:center" che attualmente non esiste ma che spesso viene usata (per ignoranza) da web-designer improvvisati.

Potresti ottenere qualcosa del genere (o di simile) con alcuni sistemi. Ti consiglio giusto qualche link, poi trai tu le conclusioni:
https://msdn.microsoft.com/en-US/library/hh673558.aspx
https://www.w3.org/TR/css3-exclusions/
https://css-tricks.com/float-center/
http://alistapart.com/article/crosscolumn

Altri spunti puoi trovarli con qualche ricerca del genere:
https://www.google.it/#q=wrap+text+a...centered+image