Tabella comparativa su articolo joomla 2.5

L

Luca91

Nuovo Utente
11 Lug 2012
18
0
0
Messina, Italy
Salve, apro questo topic in continuazione della discussione qui presente.

In pratica dopo aver generato il codice della tabella comparativa grazie al sito web CompareNinja ( Ringrazio ancora l'utente Eliox ), ora dovrei metterla dentro un articolo su joomla, solo che questa tabella una volta inserita appare priva di qualsiasi elemento grafico ( sembra manchi completamente lo style ).

vi allego il codice che ho usato nella speranza che qualcuno possa aiutarmi.

Grazie.

PS: se uso il codice da un file .html , riesco a visualizzare perfettamente la tabella.


Il codice originale :
Codice: 
<link rel="stylesheet" href="http://www.compareninja.com/template/skins/Classic/skin.css" type="text/css">
<div id="tableWrapper" style="width: 100%; "><table id="vsTable"><tbody><tr><td class="cat title" style="width: 16%; "></td><td class="title" style="width: 16%; "><div class="">Mini 39€+UnaTantum</div></td><td class="title" style="width: 16%; "><div class="">Bronze 39€+UnaTantum</div></td><td class="title" style="width: 16%; "><div class="">Silver 39€+UnaTantum</div></td><td class="title" style="width: 16%; "><div class="">Gold 39€+UnaTantum</div></td><td class="title" style="width: 16%; "><div class="">Platinum 49€+UnaTantum</div></td></tr><tr class="second"><td class="cat" style="width: 16%; "><div class="">Nome Attività</div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td></tr><tr><td class="cat" style="width: 16%; "><div class="">Descrizione</div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td></tr><tr class="second"><td class="cat" style="width: 16%; "><div class="">Indirizzo</div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td></tr><tr><td class="cat" style="width: 16%; "><div class="">Contatti</div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td></tr><tr class="second"><td class="cat" style="width: 16%; "><div class="">Tuo Sottodominio: www.NOME.promoservice.com</div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td></tr><tr><td class="cat" style="width: 16%; "><div class="">Ottimizzazione per iPhone/Android</div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td></tr><tr class="second"><td class="cat" style="width: 16%; "><div class="">Recenzione</div></td><td style="width: 16%; "><div class="no"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td></tr><tr><td class="cat" style="width: 16%; "><div class="">Logo</div></td><td style="width: 16%; "><div class="no"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td></tr><tr class="second"><td class="cat" style="width: 16%; "><div class="">Tags</div></td><td style="width: 16%; "><div class="no"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td></tr><tr><td class="cat" style="width: 16%; "><div class="">Foto Attività</div></td><td style="width: 16%; "><div class="no"></div></td><td style="width: 16%; "><div class="no"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td></tr><tr class="second"><td class="cat" style="width: 16%; "><div class="">Video Attività</div></td><td style="width: 16%; "><div class="no"></div></td><td style="width: 16%; "><div class="no"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td></tr><tr><td class="cat" style="width: 16%; "><div class="">Mappa Google</div></td><td style="width: 16%; "><div class="no"></div></td><td style="width: 16%; "><div class="no"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td></tr><tr class="second"><td class="cat" style="width: 16%; "><div class="">Indicizzazione Google</div></td><td style="width: 16%; "><div class="no"></div></td><td style="width: 16%; "><div class="no"></div></td><td style="width: 16%; "><div class="no"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td></tr><tr><td class="cat" style="width: 16%; "><div class="">Contatore Visite</div></td><td style="width: 16%; "><div class="no"></div></td><td style="width: 16%; "><div class="no"></div></td><td style="width: 16%; "><div class="no"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td></tr><tr class="second"><td class="cat" style="width: 16%; "><div class="">Inserimento eMail</div></td><td style="width: 16%; "><div class="no"></div></td><td style="width: 16%; "><div class="no"></div></td><td style="width: 16%; "><div class="no"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td></tr><tr><td class="cat" style="width: 16%; "><div class="">Tasti Social</div></td><td style="width: 16%; "><div class="no"></div></td><td style="width: 16%; "><div class="no"></div></td><td style="width: 16%; "><div class="no"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td></tr><tr class="second"><td class="cat" style="width: 16%; "><div class="">QR Code Incluso!</div></td><td style="width: 16%; "><div class="no"></div></td><td style="width: 16%; "><div class="no"></div></td><td style="width: 16%; "><div class="no"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td></tr><tr><td class="cat" style="width: 16%; "><div class="">TUO DOMINIO: www.NOME.com</div></td><td style="width: 16%; "><div class="no"></div></td><td style="width: 16%; "><div class="no"></div></td><td style="width: 16%; "><div class="no"></div></td><td style="width: 16%; "><div class="no"></div></td><td style="width: 16%; "><div class="yes"></div></td></tr><tr class="second"><td class="cat" style="width: 16%; "><div class="">Supporto Base</div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td></tr><tr><td class="cat" style="width: 16%; "><div class="">Supporto Professionale</div></td><td style="width: 16%; "><div class="no"></div></td><td style="width: 16%; "><div class="no"></div></td><td style="width: 16%; "><div class="no"></div></td><td style="width: 16%; "><div class="yes"></div></td><td style="width: 16%; "><div class="yes"></div></td></tr></tbody></table></div>
<p>This table was created with <a href='http://www.compareninja.com' target='_blank'>Compare Ninja</a>.</p>


Ecco il codice che joomla modifica appena lo salvo in un articolo:
Codice: 
<div id="tableWrapper" style="width: 100%;">
<table id="vsTable">
<tbody>
<tr>
<td class="cat title" style="width: 16%;">*</td>
<td class="title" style="width: 16%;">
<div>Mini 39€+UnaTantum</div>
</td>
<td class="title" style="width: 16%;">
<div>Bronze 39€+UnaTantum</div>
</td>
<td class="title" style="width: 16%;">
<div>Silver 39€+UnaTantum</div>
</td>
<td class="title" style="width: 16%;">
<div>Gold 39€+UnaTantum</div>
</td>
<td class="title" style="width: 16%;">
<div>Platinum 49€+UnaTantum</div>
</td>
</tr>
<tr class="second">
<td class="cat" style="width: 16%;">
<div>Nome Attività</div>
</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
</tr>
<tr>
<td class="cat" style="width: 16%;">
<div>Descrizione</div>
</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
</tr>
<tr class="second">
<td class="cat" style="width: 16%;">
<div>Indirizzo</div>
</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
</tr>
<tr>
<td class="cat" style="width: 16%;">
<div>Contatti</div>
</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
</tr>
<tr class="second">
<td class="cat" style="width: 16%;">
<div>Tuo Sottodominio: www.NOME.promoservice.com</div>
</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
</tr>
<tr>
<td class="cat" style="width: 16%;">
<div>Ottimizzazione per iPhone/Android</div>
</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
</tr>
<tr class="second">
<td class="cat" style="width: 16%;">
<div>Recenzione</div>
</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
</tr>
<tr>
<td class="cat" style="width: 16%;">
<div>Logo</div>
</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
</tr>
<tr class="second">
<td class="cat" style="width: 16%;">
<div>Tags</div>
</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
</tr>
<tr>
<td class="cat" style="width: 16%;">
<div>Foto Attività</div>
</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
</tr>
<tr class="second">
<td class="cat" style="width: 16%;">
<div>Video Attività</div>
</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
</tr>
<tr>
<td class="cat" style="width: 16%;">
<div>Mappa Google</div>
</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
</tr>
<tr class="second">
<td class="cat" style="width: 16%;">
<div>Indicizzazione Google</div>
</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
</tr>
<tr>
<td class="cat" style="width: 16%;">
<div>Contatore Visite</div>
</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
</tr>
<tr class="second">
<td class="cat" style="width: 16%;">
<div>Inserimento eMail</div>
</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
</tr>
<tr>
<td class="cat" style="width: 16%;">
<div>Tasti Social</div>
</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
</tr>
<tr class="second">
<td class="cat" style="width: 16%;">
<div>QR Code Incluso!</div>
</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
</tr>
<tr>
<td class="cat" style="width: 16%;">
<div>TUO DOMINIO: www.NOME.com</div>
</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
</tr>
<tr class="second">
<td class="cat" style="width: 16%;">
<div>Supporto Base</div>
</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
</tr>
<tr>
<td class="cat" style="width: 16%;">
<div>Supporto Professionale</div>
</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
<td style="width: 16%;">*</td>
</tr>
</tbody>
</table>
</div>
<p>This table was created with <a href="http://www.compareninja.com" target="_blank">Compare Ninja</a>.</p>

PPS: come potete vedere joomla rifiuta la linea dove viene caricato il css ! :(
 
Ultima modifica:
L

Luca91

Nuovo Utente
11 Lug 2012
18
0
0
Messina, Italy
Vi aggiorno sulla situazione :

sono riuscito a far leggere lo stile css all'articolo , integrando appunto il codice css fornitomi da CompareNinja dentro il file .css del tema stesso :fonzie:

Ora la tabella appare quasi perfetta, dico quasi perche' non mi si vedono i segni di spunta verdi o le X in rosso dentro i campi.

In pratica l'editor di joomla mi cancella questa parte :

Codice: 
<div class="yes"></div>

da dentro le <td> :(

Qualcuno sa perche' ?
 
L

Luca91

Nuovo Utente
11 Lug 2012
18
0
0
Messina, Italy
Allora diciamo che ho risolto !

Ho scoperto diverse cose:

1) Joomla di perse non cancella NULLA! quelle parti venivano cancellate dall'editor di testo!
2) Joomla accetta l'uso di CSS negli articoli ( :fonzie: )
3) Ho risolto in un modo un po poco bello : visto che l'editor mi cancellava quelle parti , sono entrato in phpmyadmin , nella tabella dove era contenuto l'articolo e ho modificato il campo che conteneva il codice html ... HA FUNZIONATO TUTTO :D

PS: se conoscete un editor per joomla che non cancella parti di codice, fatemelo sapere grazie :beer:
 
Eliox

Eliox

Utente Attivo
25 Feb 2005
4.390
3
0
E' un problema di conversione delle entità HTML, purtroppo l'ho rilevato in molti editor visuali. Mai provato Markdown?
 
Devi accedere o registrarti per poter rispondere.
Discussioni simili
Autore Titolo Forum Risposte Data
L Tabella comparativa HTML e CSS 5
D Miglior modo per estrarre le occorrenze di un elemento in un set di più file xml e quindi scrivere il risultato in una tabella Excel o magari in JSON XML 0
S da casella di testo a campo tabella Database 0
E Tabella righe e colonne PHP 0
G Sviluppo tabella orizzontale in un certo ordine PHP 2
R tabella troppo grande Database 0
C Creare Tabella Dati Meteo prelevandoli da dei Tags in un altro foglio PHP 27
M Contare totale risultati tabella in un periodo di tempo PHP 5
E Php aggiornamento tabella PHP 9
L Riempimento di una tabella al click di un bottone Javascript 1
M Accodare record presi da un altra tabella PHP 8
E Estrarre dati da doppia tabella, banale ma non sempre PHP 1
otto9due Inserire o aggiornare tabella my sql controllando una coppia di valori PHP 7
Couting95 inserire dati da un file di testo in una tabella in php PHP 1
N dati tabella non presi PHP 1
M Riportare in tabella HTML dati estratti con query SQL MySQL 0
R INSERT INTO tabella non funziona Classic ASP 2
A Tabella con bottoni per aggiornamento record PHP 6
spider81man Creazione di un UNICA tabella da più file .CSV PHP 1
A filtro su tabella jQuery 3
S problema con recupero dati tabella mysql PHP 2
E Progressbar estrazione dati da tabella mySQL Ajax 9
D controllare valore in tabella mysql PHP 0
Y Problema incolonnamento tabella PHP 7
B Crea pdf da tabella mysql "ultima riga modificata" MySQL 4
F Prendere contenuti da una tabella PHP 4
R Trovare la Tabella del pagamento su WooCommerce WordPress 0
M Tabella con riga più lunga HTML e CSS 6
D modificare questo codice per inserimento in text e non in tabella jQuery 1
M Esportare tabella in csv con intestazione di colonne PHP 6
Samuele Ronzani Sposta dati in una tabella eliminandolo MySQL 6
F Andare a capo all'interno di una tabella WordPress 4
elpirata Query per leggere dati da una tabella mysql e mostrarli a video in base a parametri passati tramite GET PHP 5
V Come stampare su Excel tabella con rowspan e colspan Javascript 2
R Scorporare array e recuperare record tabella PHP 10
R Errore UPDATE tabella mysql PHP 1
S Inserire foto in ogni cella di una tabella Javascript 0
W Excel come filtrare una tabella Windows e Software 2
G Rendere dati di una tabella mysql link PHP 22
L aggiornare 2 campi di una tabella insieme PHP 6
M Posizionare una tabella con scroll su un elemento specifico PHP 3
K Unire più tabelle in una singola tabella PHP 3
mazman mysqli_query() mi ritorna un array vuoto anche se presente un record nella tabella PHP 13
X [Select] Valori chiave non presenti in un'altra tabella MySQL 2
L Visualizzare tabella all'interno finestra modal PHP 4
felino Esportare tabella HTML in PDF, quale libreria usare? Javascript 1
F Dropdown menu con tabella PHP 33
A Somma delle colonne di una tabella pivot Database 6
WebmasterFioriniAndrea SQL, PHP Come passo i dati da una tabella? PHP 1
B Fare calcoli con php da tabella mysql PHP 2

Discussioni simili

Alto Basso