[xhtml e css]

[Phelix]

Ciao a tutti,
sto cercando in vari modi di capire come si possa (usando codice non disapprovato ) scrivere del testo in cui si alternino colori differenti: ad esempio, la prima lettera bianca e le altre grigie.
Ho provato usando <ins> opportunamente definiti, ma c'è sempre qualcosa che non va.
Qualcuno può aiutarmi prima che debba chiamare un imbianchino?

Ciao, mille grazie!

[Mich_]

Esistono gli pseudoelementi:
:first-letter
:first-line
:before
:after
si usano come le pseudoclassi
:visited
:hover
:active

solo che (pare) non sono supportati da tutti i browser.


In alternativa devi includere i caratteri "diversi" in <span> opportuni.

Ciao
Michele

[Phelix]

Sei un grande Michele!
Ci provo subito!

Ciao!

[Phelix]

Originariamente inviato da Mich_
Esistono gli pseudoelementi:
:first-letter
:first-line
:before
:after
si usano come le pseudoclassi
:visited
:hover
:active

solo che (pare) non sono supportati da tutti i browser.


In alternativa devi includere i caratteri "diversi" in <span> opportuni.

Ciao
Michele

Ciao Michele,
ho provato con gli pseudoelementi ma non ho ottenuto risultati apprezzabili; con lo <span> le cose vanno meglio (almeno a differenza dell'<ins> le sottolineature si gestiscono come si deve), ma rimane sempre un piccolo problema: la base della lettera racchiusa fra gli <span> si trova lievemente più in basso rispetto alle altre.
Si può ovviare anche a questo in qualche modo?
Ho già provato a giocherellare coi padding (fantasia pura), ma non hanno sortito alcun effetto...
Grazie comunque, ciao!

[Mich_]

Come dicevo, gli pseudoelementi sono riconosciuti solo da alcuni browser, e non credo che IE6 sia fra quelli.

Oltre che l'attributo CSS padding, puoi provare il margin (o anche il border), oppure (meglio) text-align .

Il problema e` che tutti questi si applicano ad elementi blocco, mentre lo <span> normalmente e` inline. Il corrispondente elemento block e` il <div> .

Ho trovato!
Per gli elementi inline c'e` il vertical-align .

Ciao
Michele

[Phelix]

Grazie per tutte le dritte che mi hai dato.
Alla fine delle prove ho deciso di utilizzare lo pseudoelemento :first-letter: mi sembra quello che offre il miglior compromesso alla luce dei risultati che voglio ottenere.