Joomla.it Forum

Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => : bismark2005 03 Dec 2010, 16:48:29

: Tabelle in Joomla
: bismark2005 03 Dec 2010, 16:48:29

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?

: Re:Tabelle in Joomla
: Papalla 03 Dec 2010, 17:11:03

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.

: Re:Tabelle in Joomla
: bismark2005 03 Dec 2010, 17:21:42

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

: Re:Tabelle in Joomla
: Papalla 03 Dec 2010, 17:36:48

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>

: Re:Tabelle in Joomla
: tomtomeight 03 Dec 2010, 17:37:41

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

: Re:Tabelle in Joomla
: bismark2005 03 Dec 2010, 18:31:17

: Papalla  03 Dec 2010, 17:36:48

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

: Re:Tabelle in Joomla
: bismark2005 03 Dec 2010, 18:36:35

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>

: Re:Tabelle in Joomla
: Papalla 03 Dec 2010, 18:41:42

Vedi che è diverso?

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

e NON

table border=0... ecc...

: Re:Tabelle in Joomla
: bismark2005 03 Dec 2010, 18:47:21

Puoi scrivermi tutto il codice?

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

: Re:Tabelle in Joomla
: bismark2005 03 Dec 2010, 18:49:51

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

: Re:Tabelle in Joomla
: Papalla 03 Dec 2010, 20:16:44

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">

: Re:Tabelle in Joomla
: bismark2005 03 Dec 2010, 20:41:23

Niente da fare nel modulo mi riporta il codice

: Re:Tabelle in Joomla
: liberatiarts 03 Dec 2010, 23:05:11

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;
}