textarea

[power83]

salve a tutti...è possibile avere + stili differenti per il testo in una text area??

grazie

[heternova]

ciao,
sì, ad esempio creando diverse classi di paragrafi.

Esempio


CSS

p.contenuto {
color: #af5c2c;
text-align: justify;
font: 13px "Trebuchet MS", Arial, Verdana;
margin: 25px 37px 0px 35px;
border: 0px;
padding: 0px;
}


p.nota {
margin: 0px;
padding: 2px 0px 0px 39px;
float: left;
font: 11px "Trebuchet MS", Arial, Verdana;
color: #c26a41;
}


E poi in html:

<p class="contenuto">Lorem ipsum dolor sit amet</p>
<p class="nota">Lorem ipsum dolor sit amet</p>


Questo se vuoi cambiare elementi blocco. Puoi anche cambiare elementi inline, quindi in una frase cambiare il colore di una parola ad esempio. è questo che ti serviva?
saluti
heter

[power83]

si è questo! in pratica dovrei mettere dei titoli in grassetto e il testo normale!

[heternova]

Per i titoli ti basta usare il tag <h1>, <h2>,...e li puoi modellare con i CSS:

h1{ font-size:18px;}
h2{font-size:16px;}
h3{font-size:14px;}
h4{font-size:12px;}

[nuky]

Ma, veramente in una textarea puoi inserire solo testo (strano eh?).
Inserendo del codice html otterrai un'area di testo che contiene... codice html.
Quindi secondo me la risposta alla tua domanda è: no.

[power83]

Originariamente inviato da nuky
Ma, veramente in una textarea puoi inserire solo testo (strano eh?).
Inserendo del codice html otterrai un'area di testo che contiene... codice html.
Quindi secondo me la risposta alla tua domanda è: no.

Infatti hai ragione tu per la textarea non funziona!
Soluzioni alternative alla textarea?
Grassie

[power83]

Quindi non si può avere una specie di terxarea con + stili di testo?...

[nuky]

Originariamente inviato da power83
Quindi non si può avere una specie di terxarea con + stili di testo?...

No, una textarea no.
Se devi inserire del testo formattato in un contenitore puoi usare un div.

[power83]

ma non mi mette le scroll bar..io devo mettere il testo in un rettangolo preciso, se non ci sta mi servirebbe la scroll verticale.

grazie

[pierofix]

XHTML
<div id="informativa">
   <h1>Informativa</h1>
   

Ciao, io sono il testo dell'informativa.</p>
   

Secondo paragrafo dell'informativa.</p>
   
</div>

CSS
#informativa
{
   height:100px;
   overflow:auto;
}