Tabelle in Joomla

[bismark2005]

Devo creare una tabella in joomla contenente le thumbnail di alcuni video.

Creo la tabella immetto sia il padding che lo spazio, ma le immagini nel front end vengono sempre "attaccate". Come mai?

[Papalla]

Se per tabella intendi una tabella (righe/colonne) html in un articolo come l'hai creata? Con un editor html esterno (tipo dreamweaver) e poi hai incollato il codice?
Prova a creare la tabella direttamente con l'editor per gli articoli di Joomla.
Oppure c'è un css (del template) che sovrascrive i valori delle tabelle.

Sano vago ma vado per tentativi.

[bismark2005]

Ho creato tutto con Jce ma nemmeno l'altro edito funziona. Come faccio?

[Papalla]

Incollo qui sotto il codice di una tabella che opera correttamente con lo spazio tra celle, padding, bordi. E' la prima riga che definisce la cosa. Nella tua tabella i parametri spazio, padding, bordo sono scritti così?


<table style="width: 505px;" border="0" cellspacing="1" cellpadding="3" bgcolor="#cccccc">
<tbody>
<tr>
<td width="120" bgcolor="#ffffff"></td>
<td width="12" bgcolor="#ffffff"></td>
<td colspan="2" bgcolor="#ffffff">
<div class="Stile1"><span class="Stile3">Banchi
 sterili</span></div></td>
<td colspan="3" bgcolor="#ffffff">
<div class="Stile1"><span class="Stile3">Rischio
 Biologico</span></div></td>
<td colspan="3" bgcolor="#ffffff">
<div class="Stile1"><span class="Stile3">Rischio
 Chimico</span></div></td>
<td colspan="5" bgcolor="#ffffff">
<div class="Stile1"><span class="Stile3">Servizi e
 Accessori</span></div></td>
</tr>
<tr>
<td width="120" bgcolor="#ececec">
<p><span class="Stile3 Stile1">Azienda</span></p>
<p>(clicca sul nome)</p></td>
<td width="12" bgcolor="#ececec">
<div class="Stile1">
<p class="Stile3" align="center">T
 i
 p
 o</p>
</div></td>
<td width="20" bgcolor="#ececec">
<div><span class="Stile3 Stile1">K
 F
 H</span></div></td>
<td width="20" bgcolor="#ececec">
<div><span class="Stile3 Stile1">K
 F
 V</span></div></td>
<td width="20" bgcolor="#ececec">
<div><span class="Stile3 Stile1">K
 B
 H</span></div></td>
<td width="20" bgcolor="#ececec">
<div><span class="Stile3 Stile1">K
 F
 A</span></div></td>
<td width="20" bgcolor="#ececec">
<div><span class="Stile3 Stile1">G
 B
 X</span></div></td>
<td width="20" bgcolor="#ececec">
<div><span class="Stile3 Stile1">K
 C
 H</span></div></td>
<td width="20" bgcolor="#ececec">
<div><span class="Stile3 Stile1">K
 C
 R</span></div></td>
<td width="20" bgcolor="#ececec">
<div><span class="Stile3 Stile1">A
 V
 S</span></div></td>
<td width="20" bgcolor="#ececec">
<div><span class="Stile3 Stile1">K
 S
 P</span></div></td>
<td width="20" bgcolor="#ececec">
<div><span class="Stile3 Stile1">P
 C
 L</span></div></td>
<td width="20" bgcolor="#ececec">
<div><span class="Stile3 Stile1">S
 A
 T</span></div></td>
<td width="20" bgcolor="#ececec">
<div><span class="Stile3 Stile1">D
 P
 I</span></div></td>
<td width="20" bgcolor="#ececec">
<div class="Stile3 Stile1">Altro</div></td>
</tr>
<tr>
<td width="120" height="35" valign="middle" bgcolor="#ffffff">
<p><a href="index.php?option=com_content&amp;view=article&amp;id=133&amp;Itemid=63">AAAAA[/url]</p></td>
<td width="12" height="35" align="center" valign="middle" bgcolor="#ffffff">
<div>S</div></td>
<td width="20" height="35" valign="middle" bgcolor="#ffffff">d</td>
<td width="20" height="35" valign="middle" bgcolor="#ffffff"></td>
<td width="20" height="35" valign="middle" bgcolor="#ffffff"></td>
<td width="20" height="35" valign="middle" bgcolor="#ffffff"></td>
<td width="20" height="35" valign="middle" bgcolor="#ffffff"></td>
<td width="20" height="35" valign="middle" bgcolor="#ffffff"></td>
<td width="20" height="35" valign="middle" bgcolor="#ffffff"></td>
<td width="20" height="35" valign="middle" bgcolor="#ffffff"></td>
<td width="20" valign="middle" bgcolor="#ffffff"></td>
<td width="20" height="35" valign="middle" bgcolor="#ffffff"></td>
<td width="20" height="35" valign="middle" bgcolor="#ffffff"></td>
<td width="20" height="35" valign="middle" bgcolor="#ffffff"></td>
<td height="35" align="center" valign="middle" bgcolor="#009933">&nbsp;</td>
</tr>
<tr>
<td width="120" height="35" valign="middle" bgcolor="#ffffff"><a href="index.php?option=com_content&amp;view=article&amp;id=145&amp;Itemid=63">BBBBB[/url]</td>
<td width="12" align="center" valign="middle" bgcolor="#ffffff">
<div>S</div></td>
<td valign="middle" bgcolor="#ffffff"></td>
<td valign="middle" bgcolor="#ffffff"></td>
<td valign="middle" bgcolor="#ffffff"></td>
<td valign="middle" bgcolor="#ffffff"></td>
<td valign="middle" bgcolor="#ffffff"></td>
<td valign="middle" bgcolor="#ffffff"></td>
<td valign="middle" bgcolor="#ffffff"></td>
<td valign="middle" bgcolor="#ffffff"></td>
<td valign="middle" bgcolor="#ffffff"></td>
<td valign="middle" bgcolor="#ffffff"></td>
<td valign="middle" bgcolor="#ffffff"></td>
<td valign="middle" bgcolor="#ffffff"></td>
<td align="center" valign="middle" bgcolor="#009933">&nbsp;</td>
</tr>
<tr>
<td width="120" height="35" valign="middle" bgcolor="#ffffff">
<p><a href="index.php?option=com_content&amp;view=article&amp;id=148&amp;Itemid=63">CCCCC[/url]</p></td>
<td width="12" align="center" valign="middle" bgcolor="#ffffff">
<div>P</div></td>
<td width="20" valign="middle" bgcolor="#ffffff"></td>
<td width="20" valign="middle" bgcolor="#ffffff"></td>
<td width="20" valign="middle" bgcolor="#ffffff"></td>
<td width="20" valign="middle" bgcolor="#ffffff"></td>
<td width="20" valign="middle" bgcolor="#ffffff"></td>
<td width="20" valign="middle" bgcolor="#ffffff"></td>
<td width="20" align="center" valign="middle" bgcolor="#009933">&nbsp;</td>
<td width="20" align="center" valign="middle" bgcolor="#009933">&nbsp;</td>
<td width="20" align="center" valign="middle" bgcolor="#009933">&nbsp;</td>
<td width="20" valign="middle" bgcolor="#ffffff"></td>
<td width="20" valign="middle" bgcolor="#ffffff"></td>
<td width="20" valign="middle" bgcolor="#ffffff"></td>
<td width="20" valign="middle" bgcolor="#ffffff"></td>
</tr>
</tbody>
</table>

[tomtomeight]

Imposta i valori della larghezza in percentuale, se hai una riga con 4 colonne, metti larghezza 25%

[bismark2005]

Incollo qui sotto il codice di una tabella che opera correttamente con lo spazio tra celle, padding, bordi. E' la prima riga che definisce la cosa. Nella tua tabella i parametri spazio, padding, bordo sono scritti così?


<table style="width: 505px;" border="0" cellspacing="1" cellpadding="3" bgcolor="#cccccc">
<tbody>
<tr>
<td width="120" bgcolor="#ffffff"></td>
<td width="12" bgcolor="#ffffff"></td>


<tr>
<td width="120" height="35" valign="middle" bgcolor="#ffffff">
<p><a href="index.php?option=com_content&amp;view=article&amp;id=133&amp;Itemid=63">AAAAA[/url]</p></td>
<td width="12" height="35" align="center" valign="middle" bgcolor="#ffffff">
<div>S</div></td>
<td width="20" height="35" valign="middle" bgcolor="#ffffff">d</td>
<td width="20" height="35" valign="middle" bgcolor="#ffffff"></td>
<td width="20" height="35" valign="middle" bgcolor="#ffffff"></td>
<td width="20" height="35" valign="middle" bgcolor="#ffffff"></td>
<td width="20" height="35" valign="middle" bgcolor="#ffffff"></td>

Mamma mia ma che hai scritto.? A me serve una semplicissima tabelle di 2 colonne e 3-4 righe al massimo con un pò di paddind

[bismark2005]

Questo è il codice che restituisce la mia tabella:

<table border="0" cellspacing="2" cellpadding="8" align="center">
<tbody>
<tr>
<td><img src="images/stories/VIDEOGALLERY/foto_1.jpg" border="0" /></td>
<td><img src="images/stories/VIDEOGALLERY/foto_2.jpg" border="0" /></td>
</tr>
<tr>
<td><img src="images/stories/VIDEOGALLERY/foto_3.jpg" border="0" /></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</tbody>
</table>

[Papalla]

Vedi che è diverso?

Devi usare table style="....ecc...

e NON

table border=0... ecc...

[bismark2005]

Puoi scrivermi tutto il codice?

A me viene così www.bismark.altervista.org  tutto "attaccato"

[bismark2005]

Così va bene?

<table style="width: 240px;" border="0" cellspacing="1" cellpadding="3" bgcolor="#cccccc">
<tbody>
<tr>
<td><img src="images/stories/VIDEOGALLERY/foto_1.jpg" border="0" /></td>
<td><img src="images/stories/VIDEOGALLERY/foto_2.jpg" border="0" /></td>
</tr>
<tr>
<td><img src="images/stories/VIDEOGALLERY/foto_3.jpg" border="0" /></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</tbody>
</table>


Ps: Non va bene c'è qualcosa che non va

[Papalla]

Togli lo "/" dopo border="0" delle 3 immagini, cioè

da così: <img src="images/stories/VIDEOGALLERY/foto_1.jpg" border="0" />
a così: <img src="images/stories/VIDEOGALLERY/foto_1.jpg" border="0">

[bismark2005]

Niente da fare nel modulo mi riporta il codice

[liberatiarts]

A prima vista e usando gli strumenti di firefox modificando le impostazioni contenute in  http://www.bismark.altervista.org/templates/jp_bloq_j1.5/css/template.css  (contenuto sotto)
inserendo 10px al posto dello zero le due immagini si staccano, se questo era il problema  ( però dato che la modifica agisce in tutte le tabelle verifica se non crea altri problemi con altre tabelle usate in altre situazioni )
in questo caso potresti aggiungere una nuova istruzione nel css tipo: table1 e inserirci le istruzioni ad hoc per la visualizzazione come vuoi tu- richiamando poi la tabella (table1) nell'articolo 
 
template.css
* {
margin-bottom:0;
margin-left:0;
margin-right:0px;
margin-top:0;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
}