Da XSL ad HTML: come fare?

[Digre83]

Ciao a tutti!
La richiesta è questa:

Crea l'XSL che applicato all'XML dato [Scaricalo qui] produca un HTML (senza l'uso di tabelle) che rispecchi il layout dato in .PSD [Scaricalo qui].
Bisogna realizzare anche il CSS.

Da dove incomincio? Io non ho mai lavorato prima d'ora con l'XSL nè con l'XML.
Grazie fin d'ora a chiunque mi aiuti o mi illumini.

[Digre83]

Qualcuno sa elencarmi anche solo sommariamente la procedura esatta da adottare?
Devo fare prima l'HTML o questo sarà solo il risultato tra l'XSL e l'XML?
Devo partire creando l'XSL?
Devo partire mettendo mano all'XML?

GRAZIE!

[mirkoagrati]

Ciao,
dunque: XSLT o XSL servono per trasformare un input XML in un'altro tipo differente di output.

Nel tuo caso devi trasformarlo in XHML.

per un esempio puoi fare riferimento a questo articolo: XSLT_Template

Ciao

[Digre83]

Nell'xml ho questo:

<CATS qs="#">
<ITEM ID="4294963836" MACRO="1">ACCESSORI</ITEM>
<ITEM ID="4294958926">&amp;nbsp;&amp;nbsp;Cinture</ITEM>
<ITEM ID="4294964637" MACRO="1">CALZATURE</ITEM>
<ITEM ID="4294961569">&amp;nbsp;&amp;nbsp;Sneakers</ITEM>
<ITEM ID="4294958925">&amp;nbsp;&amp;nbsp;Stringate</ITEM>
<ITEM ID="4294965381" MACRO="1">MAGLIERIA</ITEM>
<ITEM ID="4294958907">&amp;nbsp;&amp;nbsp;Maglie collo a v</ITEM>
<ITEM ID="4294963229" MACRO="1">PANTALONI</ITEM>
<ITEM ID="4294959001">&amp;nbsp;&amp;nbsp;Pantaloni</ITEM>
<ITEM ID="4294958990">&amp;nbsp;&amp;nbsp;Pantaloni classici</ITEM>
<ITEM ID="4294966330" MACRO="1">TOPWEAR</ITEM>
<ITEM ID="4294961262">&amp;nbsp;&amp;nbsp;T-shirt maniche lunghe</ITEM>
</CATS>

Voglio che in HTML risulti così [con le sottocategorie più all'interno], uno sotto l'atro:

ACCESSORI
Cinture
CALZATURE
Sneakers
Stringate
MAGLIERIA
Maglie collo a v
PANTALONI
Pantaloni
Pantaloni classici
TOPWEAR
T-shirt maniche lunghe


Che istruzione devo inserire nell'XSL ???
Io ho provato questo...

<ul id="listOfCats">
<xsl:for-each select="ROOT">[*]<xsl:value-of select="CATS"/>
<xsl:value-of select="ITEM"/>
</xsl:for-each>[/list]

...ma non va! Cioè, sono tutte di fila le voci, non una sotto all'altra!!!
AIUTO!!!!!

[mirkoagrati]

Ciao, solitamente gli elenchi in HTML vengono disegnati in modo verticale,
ovvero come vorresti te.

L'unica maniera (che io conosco) per disegnarli uno a fianco dell'altro è l'istruzione
CSS display: inline;

Prova a vedere se non la usi da qualche parte.

Ciao

[Digre83]

Ho messo il css come detto, ma ora mi fa vedere solo la prima voce, ACCESSORI ed il resto no!
Aiuto!

[mirkoagrati]

Ciao,
dunque dall'ultimo tuo post penso di aver capito :
1) lo spazio che hai dedicato all'elenco è piccolo (probabilmente utilizzi un'altezza o larghezza fisse)

2) se vuoi l'elenco verticale NON devi utilizzare l'istruzione display: inline.
La utilizzi se vuoi che il tuo elenco sia disegnato in orizzontale.

Ti consiglio di provare il tuo xsl in una pagina HTML vuota. capirai + facilmente.

Ciao