Carattere iniziale per paragrafo "dialoghi"

[Stevesteve]

Per un racconto, ho due stili:

uno per il racconto da parte dell'autore
uno per i dialoghi dei protagonisti.

Voglio ottenere che entrambi abbiano la prima riga indentata, e questl l'ho ottenuto con
text-indent : 20px;

Voglio anche ottenere che il primo carattere di ciascun inizio dialogo sia "-" (o anche "<", o "'", etc).
Come posso fare?

Questo sotto è lo stile, che funziona, per il paragrafo "autore racconta".
******************************************
p.R-paragr {
font-family : "Times New Roman", serif;
font-weight : normal;
font-style : normal;
font-size : 1em;
text-decoration : none;
font-variant : normal;
line-height : 1.2;
text-align : justify;
color : #000000;
text-indent : 20px;
margin : 0px;
}
******************************************

Grazie

Stefano

[Prill]

Puoi creare un'immagine del trattino e impostarla come sfondo, non ripetuto, del paragrafo dialoghi

[Stevesteve]

Mi dici che devo fare l'immagine di un carattere per mostrare un carattere? Mi sembra un bel po' tortuoso... possibile non ci sia un metodo più semplice?

Comunque grazie: quale sarebbe il codice, in questo caso?

ciao

Stefano

[Stevesteve]

... cercando, ho trovato la possibilità di assegnare un formato alla prima lettera o alla prima riga di un paragrafo

p:first-letter
{
font-size:200%;
color:#8A2BE2;
}


ma a me serve come "aggiungere un carattere all'inizio"

[Prill]

Mi dici che devo fare l'immagine di un carattere per mostrare un carattere? Mi sembra un bel po' tortuoso...

Non è tortuoso, per inserire un carattere ti basterebbe digitarlo, e questa sarebbe la soluzione più logica e semplice. Mi pare di aver capito però che a te non interessi. O ho compreso male io?

[Stevesteve]

dovrei digitarlo ad ogni inizio paragrafo!

Ho trovato una scorciatoia: faccio una classe identica a quella postata, con un nome diverso.

A file completato, con trova e sostituisci,

trova
<p class="nuovaclasse">

sostituisci con
<p class="nuovaclasse">-



ciao

Stefano

[mucu]

la cosa migliore per un dialogo è una lista di definizioni, volgarmente indicata con <dl>

<dl>
  <dt>dialogo autore</dt>
  <dd>dialogo attore</dd>
</dl>

per inserire il carattere all'inizio, concordo con l'idea di usare un'immagine di sfondo perchè è una soluzione universale soprattutto se usi gif o jpeg
altrimenti qualcosa di più attuale richiede l'uso di una pseudo-classe

dt:before {
    content: "carattere "
}
dd:before {
    content: "carattere o altro carattere"
}