Ciao ragazzi,
un un problema su cui ci sto sbattendo da un paio di giorni senza venirne a capo.
Inizialmente avevo una lista di prodotti, ognuno con il suo simbolo e sulla destra il relativo prezzo.
Questo è il pezzo di codice relativo:
<div class="sectionBottomLeftIcon">
<img src="images/immagine.png" border="0" /> -->A<--
</div>
<div style="float:left;">
<div class="sectionBottomLeftLabel Product">Prodotto</div> -->B<--
<div class="sectionBottomLeftField" id="prezzoP"></div> -->C<--
</div>
Ora mi è stato chiesto di modificare tale lista aggiungendo alcune caratteristiche del "prodotto" oltre ad un grafico. Ho inserito i commenti A, B, C in modo tale da essere più chiaro (almeno spero)
Mi spiego meglio, ogni riga avrà:
A - B - parte relativa al grafico - C - più altre caratteristiche strutturate allo stesso modo di B e C.
Per semplicità ho creato una tabella in modo tale da avere il tutto più ordinato, questo è il relativo pezzo di codice con la parte superiore della tabella e quella per un prodotto:
<table style="font-size: 11px; width: 100%; margin: 0px; background-color: #EBE9EA">
<thead>
<tr>
<th style="width:150px;" class="sectionBottomLeftLabel Section">Sezione icone/prodotti</th> -->SI<--
<th style="width:150px;" class="Grafic">Grafico</th>
<th colspan="3" style="width:150px;" class="Year">Anno in corso</th>
<th colspan="3" style="width:150px;" class="Past">Anni passati</th>
</tr>
<tr>
<td> </td>
<td>graficoooooooooo</td>
<td class="sectionBottomLeftField" id="Simbolo euro">€</td>
<td class="sectionBottomLeftField" id="Da inserire">N.pezzi</td>
<td class="sectionBottomLeftField" id="Da inserire">resi</td>
<td class="sectionBottomLeftField" id="Da inserire">€ TV</td>
<td class="sectionBottomLeftField" id="Da inserire">pezzi TV</td>
<td class="sectionBottomLeftField" id="Da inserire">resi TV</td>
</tr>
</thead>
<%-- <tbody id="relationshipStoryList">--%>
<tbody style="width:100%; margin: 0px; text-align: left;">
<tr>
<td style="width: 100%; float:left; text-align: left;">
<img src="images/immagine.png" border="0" /> -->A<--
<frame class="sectionBottomLeftLabel Product">Prodotto</frame></td> -->B<--
<td>grafico</td>
<td class="sectionBottomLeftField" id="prezzoP"></td> -->C<--
<td class="sectionBottomLeftField" id="Da inserire"> </td>
<td class="sectionBottomLeftField" id="Da inserire"> </td>
<td class="sectionBottomLeftField" id="Da inserire"> </td>
<td class="sectionBottomLeftField" id="Da inserire"> </td>
<td class="sectionBottomLeftField" id="Da inserire"> </td>
</tr>
<tr> .................................................. .........................
Il mio problema principale è che non riesco a visualizzare all'interno della tabella quello che dovrebbe riportarmi il codice relativo all'interno delle righe segnate come A - B - C e simili, necessito di questa cosa perchè sono dati dinamici che cambiano a seconda dell'utente e del cliente.
Ho provato mettendo i div all'interno dei td e altre varie cose ma niente. Sono riuscito a visualizzarlo solo mettendolo nel primo campo della prima riga usando il th (evidenziato la riga con SI)
Dove sbaglio? cosa mi consigliate di fare?
Infine, la parte relativa al grafico è una barra che mi indica la % spesa in base al totale del cliente, come mi consigliate di implementarla?
Chiedo scusa per essermi dilungato e ringrazio fin da subito chiunque voglia darmi una mano!
Mavhart