Problemi di visualizzazione contenuti di tabelle dopo aggiornamento

[bardo]

Buongiorno,

non riesco a risolvere un problema con la visualizzazione delle tabelle dopo aver aggiornato a Joomla 3.7.2.
Ho provato a cambiare template ma il problema persiste.

Provo a spiegare ciò che capita ed allego un file per far capire meglio.

Con Joomla 2.5 avevo creato alcune tabelle con larghezza fissa (610px), bordo attivo di colore rosso; le celle avevano un colore azzurro di sfondo, altezza fissa (25px) e bordo rosso.
Inserendo testo ed immagine in ciascuna cella, l'immagine risultava alta quanto la cella e veniva allineata al testo con l'allineamento "In mezzo".

Ora con Joomla 3.7 non riesco ad ottenere tutto ciò.
Ho fatto il backup del sito, quindi articoli, contenuti e parametri non dovrebbero essere mutati. Tuttavia non è così.
Se mantengo gli stessi parametri di allineamento, il testo va a posizionarsi sotto l'immagine e non "in mezzo". Inoltre non visualizzo più un bordino bianco che delimiti le singole celle, ma esiste un bordo unico a tutta la tabella di colore rosso.

Come posso fare per ripristinare la grafica precedente? E' un problema di Joomla 3.7 o solo mio?

Allego un file che mostra ciò che visualizzo con il vecchio Joomla 2.5 e con il nuovo 3.7 sia lato pubblico che lato amministratore.
Spero che qualcuno mi possa aiutare. Grazie.

[alexred]

Ciao bardo,
prova ad inserire qui il codice che genera quella tabella, magari ripulito da informazioni da non pubblicare e riassunto alle sole righe che danno il problema.
Così proviamo a replicarlo e verificare da cosa dipende.
In Jooml a3 è stato introdotto bootstrap che può interferire in queste visualizzazioni.

[bardo]

Ciao bardo,
prova ad inserire qui il codice che genera quella tabella, magari ripulito da informazioni da non pubblicare e riassunto alle sole righe che danno il problema.
Così proviamo a replicarlo e verificare da cosa dipende.
In Jooml a3 è stato introdotto bootstrap che può interferire in queste visualizzazioni.

Ok.
Ecco il codice.

<p>&nbsp;</p>
<table border="1" style="width: 610px; border-width: 1px; border-color: #ff0000; background-color: #ffffff;" cellspacing="0">
<tbody>
<tr>
<td style="height: 45px; border-width: 2px; border-color: #ffffff; background-color: #7d9fe3;"><span style="font-size: 12pt;"><strong><span style="font-family: verdana, geneva;"><a href="index.php?option=com_content&amp;view=article&amp;id=299:nome&amp;catid=34:associazione" target="_self"><span style="font-size: 12pt;"><span style="font-family: verdana,geneva;"></span></span><strong><a href="index.php?option=com_content&amp;view=article&amp;id=299:nome&amp;catid=34:associazione" target="_self"><img src="images/stories/squadra/nome.jpg" alt="nome" width="30" height="45" style="vertical-align: middle; margin-right: 5px;" /></strong></span></strong></span><strong>nome</strong></td>
<td style="height: 45px; border-width: 2px; border-color: #ffffff; background-color: #7d9fe3;"><span style="font-size: 12pt;"><strong><span style="font-family: verdana, geneva;"><a href="index.php?option=com_content&amp;view=article&amp;id=301:nome&amp;catid=34:associazione" target="_self"><img src="images/stories/squadra/nome.jpg" alt="nome" width="30" height="45" style="vertical-align: middle; margin-right: 5px;" />nome</span></strong></span></td>
</tr>
<tr>
<td style="height: 45px; border-width: 2px; border-color: #ffffff; background-color: #7d9fe3;"><span style="font-size: 12pt;"><strong><span style="font-family: verdana, geneva;"><img src="images/stories/tesserati/nome.jpg" alt="nome" width="30" height="45" style="vertical-align: middle;" title="nome" /> nome</span></strong></span></td>
<td style="height: 45px; border-width: 2px; border-color: #ffffff; background-color: #7d9fe3;"><span style="font-size: 12pt;"><strong><span style="font-family: verdana, geneva;"><strong><span style="font-family: verdana, geneva;"><strong><span style="font-family: verdana, geneva;"><img src="images/stories/squadra/nome.jpg" alt="nome" width="30" height="45" style="vertical-align: middle;" title="nome" /></span></strong></span> </strong><a href="index.php?option=com_content&amp;view=article&amp;id=397:banda-ines&amp;catid=34:associazione"><strong>nome</strong></span></strong></span></td>
</tr>
<tr>
<td style="height: 45px; border-width: 2px; border-color: #ffffff; background-color: #7d9fe3;"><span style="font-size: 12pt;"><strong><span style="font-family: verdana, geneva;"><img src="images/stories/logo.jpg" alt="logo" width="45" height="45" class="logo" style="vertical-align: middle;" />&nbsp; nome</span></strong></span></td>
<td style="height: 45px; border-width: 2px; border-color: #ffffff; background-color: #7d9fe3;"><span style="font-size: 12pt;"><strong><span style="font-family: verdana, geneva;"><strong><span style="font-family: verdana, geneva;"><span style="font-family: verdana, geneva;"><strong><span style="font-family: verdana, geneva;"><img src="images/stories/squadra/nome.jpg" alt="nome" width="30" height="45" style="vertical-align: middle;" title="nome" /> <a href="index.php?option=com_content&amp;view=article&amp;id=362:nome&amp;catid=34:associazione" target="_self"><strong>nome</strong></span></strong></span></span></strong></span></strong></span></td>
</tr>
</tbody>
</table>

Confrontando con Joomla 2.5, ho notato che testo ed immagini non riescono ad essere attaccate al bordo tabella, ma risultano sempre distanziate, come se fosse impostata una spaziatura dal bordo delle celle.

[alexred]

Inserendo il codice in un articolo con l'editor TinyMCE  pare funzionare correttamente,
ti allego la schermata.

Anche lato sito, con il template Protostar di default di Joomla si visualizza correttamente

[bardo]

Inserendo il codice in un articolo con l'editor TinyMCE  pare funzionare correttamente,
ti allego la schermata.

Anche lato sito, con il template Protostar di default di Joomla si visualizza correttamente

Visto. Grazie.
Ma non cambia molto. Rispetto alla visualizzazione lato amministrativo, il lato pubblico continua ad avere delle differenze, che non riscontravo in Joomla 2.5. In area amministrativa visualizzo il bordo della tabella in colore rosso e il bordo della cella, lato pubblico vedo solo una parte del bordo della cella, mentre quello dell'intera tabela non appare.