Newsgroup: it.comp.www.html
Titolo: Usare i CSS per scrivere musica per chitarra

Salve!
Sto provando a usare i css per scrivere in HTML quello che normalmente
si trova in rete in formato .CRD. Questa cosa mi serve per "slegare" il
font dalla posizione dell'accordo sopra la parola:
Quindi prendo un esempio:
A
Come vedi sono qua:
      D   E
monta su, non ci avranno
Come faccio a farlo con i CSS?
Ho provato cosě:
ho creato questo
.accordo {
        font-style: italic;
        position: relative;
        height: 30px;
}
e lo uso cosě:
<p><span class="accordo">A</span>Come vedi sono qua:</p>
La A risulta piů alta del resto del testo, perň occupa spazio in
larghezza staccando le parole.
Vorrei farlo cosě per "slegare" la posizione dell'accordo dal tipo di
font. Non so se mi sono spiegato... 
Grazie in anticipo per l'aiuto!!

 Sto provando a usare i css per scrivere in HTML quello che normalmente
[cuttone]
usa i ruby!!!!
http://www.w3.org/TR/ruby/

 font dalla posizione dell'accordo sopra la parola:
Ecco una possibile soluzione:
<style type="text/css"><!--
div {
  font-family:11px Verdana, Arial, sans-serif;
  color:#336699;
}
div.phraseLine {
  clear:both;
  margin:0px;
  padding:15px 0 5px 5px;
}
div.phraseLine p {
  float:left; margin:0; padding:0;
}
div.phraseLine p em {
  font:bold 14px Trebuchet MS;
  display:block;
}
--></style>
<div class="phraseLine"> 
  <p class="lyrics"><em>&nbsp;</em>Sapore di&nbsp;</p> 
  <p class="lyrics"><em>Do</em>sale sapore di&nbsp;</p> 
  <p class="lyrics"><em>La-</em>mare che hai sulla&nbsp;</p> 
  <p class="lyrics"><em>Re-</em>pelle che hai sulla&nbsp;</p> 
  <p class="lyrics"><em>Sol7</em>labbra&nbsp;</p> 
</div> 
<div class="phraseLine"> 
  <p class="lyrics"><em>&nbsp;</em>Quando esci dall'</p> 
  <p class="lyrics"><em>Mi-</em>acqua e ti lasci ca</p> 
  <p class="lyrics"><em>La-</em>dere vicino a&nbsp;</p> 
  <p class="lyrics"><em>Re-</em>me vicino a&nbsp;</p> 
  <p class="lyrics"><em>Sol7</em>me</p> 
</div>
-- 
~Nando~ :-/__.oO
Apostolo della Prova

caccola <por...@tua.sorella> ha scritto:

Carino.. e' CSS3, no?


 <style type="text/css"><!--
Perfetto! Hai colto in pieno per quanto riguarda l'aspetto grafico.
Il problema è scrivere il codice: non è molto semplice usando questo
sistema.
Ci vorrebbe qualcosa che ti permetta di scrivere il testo "in linea" e
poi inserire gli accordi. C'è già un formato file simile di cui
adesso mi sfugge il nome, ma mi sembra sia una cosa del genere:
Sapore di [Do]sale sapore di[La-]mare
che hai sulla [Re-]pelle che hai sulle [Sol7]labbra
L'ideale sarebbe fare una cosa simile... in html


robiweb90 [at] gmail [dot] com - Using Opera
"Nessuno può fabbricare una macchina tanto intelligente che possa essere  
usata da uno sciocco" - Confucio


Allora creati un formato XML e trasformalo in XHTML usando XSLT.
IExplorer supporta la conversione 'al volo'.
Saluti  Manlio Perillo

 IExplorer supporta la conversione 'al volo'.
Anche FireFox e derivati.
ciao
	MaX

 
Perche', Opera e' un browser ?? :)
Dai su, non prendiamoci in giro, e' immondizia di codice
Tschuess


Prima di parlare, quindi, è meglio informarsi.



Sě, anche XML+XSL andrebbe bene. Ho provato a farci qualcosa, ma ne so
ancora troppo poco. Se puoi farmri un esempio....
Grazie!

- Dalla prossima versione supporto a Web Forms 2.0
Quindi XForms va a quel paese?
Saluti  Manlio Perillo


A quanto pare...
In Opera almeno.


 ha scritto:

Ahime', in questo momento non mi viene in mente niente... e non conosco
XML-XSL. Attendo con curiosita' risposte dai piu' esperti.


In Opera almeno.
Ma Firefox li supporta o no in modo ufficiale?
Mi sono scaricato l'ultima beta ma il supporto non e' presente. 
Mi sembra di aver capito che debba essere attivato in fase di
compilazione...
Saluti  Manlio Perillo


Devi scaricare un'estensione.



Mi sembra di aver capito che MicettoNero ha già una mezza idea per
come fare e mi sembra di capire che sia uno dei "più esperti".
Ha scritto che butterà giù qualcosa: vedrai che non tarderà a
soddisfare la tua/nostra curiosità!
Navigando navigando ho trovato un post di qualche anno fa con una
richiesta simile, ma purtroppo non c'era una conclusione. Anche lì si
parlava di XML+XSL.
Beh, intanto comincio a documentarmi su questa accoppiata. Sono appena
usito dal corso di inglese e mi sa che ne avrò bisogno...

parlava di XML+XSL.
Attenzione che quello che ti serve studiare e' XPath e XSLT.
XSL e' simile ai CSS ma piu' potente.
C'e' confusione perche' all'inizio, mi sembra, XSLT era incluso in XSL
(insieme al modulo XSL-FO).
Ora al W3C hanno riorganizzato il tutto (e stanno per diventare
raccomandazioni le versioni 2.0 di XPath e XSLT).
Saluti  Manlio Perillo

Devi scaricare un'estensione.
Grazie non lo sapevo!
Ma nella versione finale sara' incluso nativamente?
Comunque ho provato degli esempi presenti nella raccomandazione W3C e
non funzionano granche'...
Saluti e grazie  Manlio Perillo


OK! fermi tutti. Mi sembra si stia un po' perdendo di vista
l'oggetto... A parte questo ho dato un'occhiata a sta roba: mi sembra
un bel casino.
Comunque alla fine, per scrivere sti accordi, come facciamo?

 wrote:

Casino non direi.
Certo ci sono diverse cose da imparare ma credo vale la pena.
Quello che serve e':
- fantasia per inventarsi uno schema XML funzionale allo scopo
- Scrivere un foglio di stile XSLT per trasformare il documento XML
  in XHTML (o quello che vuoi).
Ad esempio:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE accordi SYSTEM "accordi.dtd">
<?xml-stylesheet href="accordi.xsl" type="text/xsl"?>
<accordi>
  <strofa>Sapore di </strofa>
  <nota>Do</nota>
  <strofa>sale sapore di</strofa>
  <nota>La-</nota>
</accordi>
</xml>
Dove non sei obbligato a implementare un Document Type Definition
(o volendo puoi usare un linguaggio di Schema come XMLSchema o
RelaxNG).
Inoltre puoi inserire la direttiva stylesheet per i browser che
supportano la 'conversione al volo'.
L'implementazione del foglio di stile e' lasciata per esercizio.
Saluti  Manlio Perillo



No, ho controllato.
Ho un file xml con la direttiva
<?xml-stylesheet href="style.xsl" type="text/xsl"?>
IExplorer mi trasforma il file non appena apro il documento; Firefox
no.
Saluti  Manlio Perillo