Tabella comparativa su articolo joomla 2.5

  • Creatore Discussione Creatore Discussione Luca91
  • Data di inizio Data di inizio
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:
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' ?
 
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:
 
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

L
Tabella comparativa
Risposte
5
Visite
2K
HTML e CSS
Eliox
Eliox
M
Vba maschera con campi da più tabelle salvataggio in un'unica tabella
Risposte
0
Visite
2K
MS Access
motoranocchio
M
I
visualizzare dati tabella
Risposte
1
Visite
1K
PHP
Imperor
I
I
aggiornamento tabella user e tabella messaggio
Risposte
3
Visite
946
PHP
Imperor
I
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
Risposte
0
Visite
3K
XML
dario_s
D
S
da casella di testo a campo tabella
Risposte
0
Visite
2K
Database
sollimano3
S
E
Tabella righe e colonne
Risposte
0
Visite
694
PHP
Emanuele85
E
G
Sviluppo tabella orizzontale in un certo ordine
Risposte
2
Visite
586
PHP
Geaway
G
R
tabella troppo grande
Risposte
0
Visite
3K
Database
robyspider77
R
C
Creare Tabella Dati Meteo prelevandoli da dei Tags in un altro foglio
Risposte
27
Visite
3K
PHP
Cavaliere
C
M
Contare totale risultati tabella in un periodo di tempo
Risposte
5
Visite
1K
PHP
miagy
M
E
Php aggiornamento tabella
Risposte
9
Visite
1K
PHP
WmbertSea
WmbertSea
L
Riempimento di una tabella al click di un bottone
Risposte
1
Visite
945
Javascript
WmbertSea
WmbertSea
M
Accodare record presi da un altra tabella
Risposte
8
Visite
2K
PHP
Max61
M
E
Estrarre dati da doppia tabella, banale ma non sempre
Risposte
1
Visite
932
PHP
zorro
zorro
otto9due
Inserire o aggiornare tabella my sql controllando una coppia di valori
Risposte
7
Visite
1K
PHP
otto9due
otto9due
Couting95
inserire dati da un file di testo in una tabella in php
Risposte
1
Visite
2K
PHP
marino51
marino51
N
dati tabella non presi
Risposte
1
Visite
947
PHP
thanatos
T
M
Riportare in tabella HTML dati estratti con query SQL
Risposte
0
Visite
2K
MySQL
Marcello_php
M
R
  • Bloccata
INSERT INTO tabella non funziona
Risposte
2
Visite
2K
Classic ASP
Paolo69
Paolo69
Alto Basso