Spaziatura nelle tabelle[Risolto]

[mozzo28]

Sono in un vicolo ceco e non riesco a capire dove sia l'uscita.
Essenzialmente la spaziatura sopra e sotto il testo all'interno della tabella è troppa, e non sò come fare per diminuirla alla grandezza del testo, ho provato con JCE, ma non riesco a ridimensionarlo come voglio io.

Codice: [Seleziona]

<table style="width: 555px;" border="1" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td>
<p align="center"><strong>gfagbfds</strong></p>
</td>
<td width="170">
<p>fgagadsfg</p>
</td>
<td>
<p>gfagsag</p>
</td>
</tr>
<tr>
<td rowspan="8" width="200">
<p><img src="images/stories/Mostri/gfagfa.png" border="0" /></p>
</td>
<td width="170">
<p>gasgfa</p>
</td>
<td>
<p>dfasgfdag</p>
</td>
</tr>
<tr>
<td width="170">
<p>gfagfs</p>
</td>
<td>
<p>bvxbdstt</p>
</td>
</tr>
<tr>
<td width="170">
<p>gafsgsfg</p>
</td>
<td>
<p>3 - 18</p>
</td>
</tr>
<tr>
<td width="170">
<p>gdasgag</p>
</td>
<td>
<p>0 Minuti -   2 Minuti</p>
</td>
</tr>
<tr>
<td width="170">
<p>agdfgfs</p>
</td>
<td>
<p>1 - 4</p>
</td>
</tr>
<tr>
<td width="170">
<p>gadfsgas</p>
</td>
<td>
<p>0 - 30 Secondi</p>
</td>
</tr>
<tr>
<td width="170">
<p>fdafdaga:</p>
</td>
<td>
<p>2 ; 3 ; 4   ; 5 ; 6 ; 7</p>
</td>
</tr>
<tr>
<td width="170">
<p>fdasfga:</p>
</td>
<td>
<p>1; 2 ; 3 ;   5</p>
</td>
</tr>
</tbody>
</table>

C'è un modo automatizzato per risolvere il problema o devo intervenire a livello di codice.

[santograz]

Ciao,
ci dai un po' poche informazioni: il codice che hai postato riguarda una tabella generica senza classi ne ID.

Visto che oltretutto il W3C depreca l'uso di style nel body, perchè non assegni un ID alla tabella e ne modifichi le caratteristiche con il CSS?

[adottauncane]

Ciao mozzo28,
ma la tabella l'hai importata? La foto che misure ha?
Perché con JCE il codice generato per una tabella come la tua è:

Codice: [Seleziona]

<table style="width: 555px; text-align: left;" border="1">
    <tbody style="text-align: left;">
        <tr style="text-align: left;">
            <td style="width: 200px; text-align: center;"><strong>gggggg</strong></td>
            <td style="width: 170px;">ghgjjgjjj mm.khh</td>
            <td>ghgjjgjjj mm.khh</td>
        </tr>
        <tr style="text-align: left;">
            <td style="text-align: left;" rowspan="8"><img alt="bread" src="images/stories/food/bread.jpg" height="159" width="150" /></td>
            <td style="text-align: left;">ghgjjgjjj mm.khh</td>
            <td style="text-align: left;">ghgjjgjjj mm.khh</td>
        </tr>
        <tr style="text-align: left;">
            <td style="text-align: left;">ghgjjgjjj mm.khh</td>
            <td style="text-align: left;">ghgjjgjjj mm.khh</td>
        </tr>
        <tr style="text-align: left;">
            <td style="text-align: left;">ghgjjgjjj mm.khh</td>
            <td style="text-align: left;">ghgjjgjjj mm.khh</td>
        </tr>
        <tr style="text-align: left;">
            <td style="text-align: left;">ghgjjgjjj mm.khh</td>
            <td style="text-align: left;">ghgjjgjjj mm.khh</td>
        </tr>
        <tr style="text-align: left;">
            <td style="text-align: left;">ghgjjgjjj mm.khh</td>
            <td style="text-align: left;">ghgjjgjjj mm.khh</td>
        </tr>
        <tr style="text-align: left;">
            <td style="text-align: left;">ghgjjgjjj mm.khh</td>
            <td style="text-align: left;">ghgjjgjjj mm.khh</td>
        </tr>
        <tr style="text-align: left;">
            <td style="text-align: left;">ghgjjgjjj mm.khh</td>
            <td style="text-align: left;">ghgjjgjjj mm.khh</td>
        </tr>
        <tr style="text-align: left;">
            <td style="text-align: left;">ghgjjgjjj mm.khh</td>
            <td style="text-align: left;">ghgjjgjjj mm.khh</td>
        </tr>
    </tbody>
</table>
<br />

[mozzo28]

Si hai ragione, scusa ma ho più esperienza in html, infatti è la prima volta che mi avvicino a questo mondo.
Non ho neanche capito quello che hai detto XD(assegnare id a tabella?).
Ciò che volevo fare è pubblicare un articolo con una serie di tabelle contenenti immagini e testo, ma non capisco perchè all'interno di ogni cella, si crea dello spazio bianco sopra e sotto il testo.

Ciao,
ci dai un po' poche informazioni: il codice che hai postato riguarda una tabella generica senza classi ne ID.

Visto che oltretutto il W3C depreca l'uso di style nel body, perchè non assegni un ID alla tabella e ne modifichi le caratteristiche con il CSS?

[mozzo28]

Ti ringrazio è propio questo che non riesco a fare, il problema è essenzialmente c'è una procedura automatica per modificare l'altezza nelle varie celle?o devo intervenire sul codice?

Nel senso che dal mio codice al tuo pubblicato la differenza sostanziale è l'allineamento a sinistra del testo, mi sembra.

Ciao mozzo28,
ma la tabella l'hai importata? La foto che misure ha?
Perché con JCE il codice generato per una tabella come la tua è:

Codice: [Seleziona]

<table style="width: 555px; text-align: left;" border="1">
    <tbody style="text-align: left;">
        <tr style="text-align: left;">
            <td style="width: 200px; text-align: center;"><strong>gggggg</strong></td>
            <td style="width: 170px;">ghgjjgjjj mm.khh</td>
            <td>ghgjjgjjj mm.khh</td>
        </tr>
        <tr style="text-align: left;">
            <td style="text-align: left;" rowspan="8"><img alt="bread" src="images/stories/food/bread.jpg" height="159" width="150" /></td>
            <td style="text-align: left;">ghgjjgjjj mm.khh</td>
            <td style="text-align: left;">ghgjjgjjj mm.khh</td>
        </tr>
        <tr style="text-align: left;">
            <td style="text-align: left;">ghgjjgjjj mm.khh</td>
            <td style="text-align: left;">ghgjjgjjj mm.khh</td>
        </tr>
        <tr style="text-align: left;">
            <td style="text-align: left;">ghgjjgjjj mm.khh</td>
            <td style="text-align: left;">ghgjjgjjj mm.khh</td>
        </tr>
        <tr style="text-align: left;">
            <td style="text-align: left;">ghgjjgjjj mm.khh</td>
            <td style="text-align: left;">ghgjjgjjj mm.khh</td>
        </tr>
        <tr style="text-align: left;">
            <td style="text-align: left;">ghgjjgjjj mm.khh</td>
            <td style="text-align: left;">ghgjjgjjj mm.khh</td>
        </tr>
        <tr style="text-align: left;">
            <td style="text-align: left;">ghgjjgjjj mm.khh</td>
            <td style="text-align: left;">ghgjjgjjj mm.khh</td>
        </tr>
        <tr style="text-align: left;">
            <td style="text-align: left;">ghgjjgjjj mm.khh</td>
            <td style="text-align: left;">ghgjjgjjj mm.khh</td>
        </tr>
        <tr style="text-align: left;">
            <td style="text-align: left;">ghgjjgjjj mm.khh</td>
            <td style="text-align: left;">ghgjjgjjj mm.khh</td>
        </tr>
    </tbody>
</table>
<br />

[adottauncane]

Se metti il codice che ho fatto io va bene? Se sì ti spiego come farlo direttamente in JCE.

[mozzo28]

Si è propio quello che cercavo di fare

Se metti il codice che ho fatto io va bene? Se sì ti spiego come farlo direttamente in JCE.

[adottauncane]

Quindi l'altra l'avevi importata da un programma diverso, che genera un codice html?

Per fare le tabelle in JCE, clicca sull'icona inserisci tabella (quella con la matitina)
Si apre un finestra da dove puoi impostare il numero di colonne e righe, dare l'allineamento che vuoi, il bordo e la larghezza: non impostare l'altezza se non vuoi un'altezza precisa.
In Advanced puoi dare il colore al bordo.

Tre icone più in là vedi l'icona della cella. Selezioni la colonna destra e imposti 200px. Lo stesso fai per la colonna in centro, clicchi sull'icona e imposti la larghezza.
La terza colonna non impostarla che si adatta da sola.

Selezioni le quattro celle in basso, quelle dove vuoi mettere la foto, clicchi sull'icona Merge table cells e le unisci.

Con il cursore "entri" nella cella grande e inserisci l'immagine.

Nelle altre celle scrivi il testo.

[mozzo28]

Si effettivamente era già stata creata su html, e poi importata, ma quindi non c'è modo di poterla adattare?
Devo per forza ricrearla da 0?

Quindi l'altra l'avevi importata da un programma diverso, che genera un codice html?

Per fare le tabelle in JCE, clicca sull'icona inserisci tabella (quella con la matitina)
Si apre un finestra da dove puoi impostare il numero di colonne e righe, dare l'allineamento che vuoi, il bordo e la larghezza: non impostare l'altezza se non vuoi un'altezza precisa.
In Advanced puoi dare il colore al bordo.

Tre icone più in là vedi l'icona della cella. Selezioni la colonna destra e imposti 200px. Lo stesso fai per la colonna in centro, clicchi sull'icona e imposti la larghezza.
La terza colonna non impostarla che si adatta da sola.

Selezioni le quattro celle in basso, quelle dove vuoi mettere la foto, clicchi sull'icona Merge table cells e le unisci.

Con il cursore "entri" nella cella grande e inserisci l'immagine.

Nelle altre celle scrivi il testo.

[adottauncane]

Ne hai molte da inserire? Perché fatta una con JCE poi la copi e la incolli anche sugli altri articoli, se sono uguali. Io ho anche importato tabelle fatte in html però non mi davano i problemi che hai riscontrato tu.
Probabilmente potresti anche correggere il codice, ma mi sa che ci metti di più che a farle nuove...

[mozzo28]

Si conconrdo grazie dell'aiuto e della disponibilità, non pensavo ci fossero queste piccole incopatibilità. farò tutto manualmente.

Ne hai molte da inserire? Perché fatta una con JCE poi la copi e la incolli anche sugli altri articoli, se sono uguali. Io ho anche importato tabelle fatte in html però non mi davano i problemi che hai riscontrato tu.
Probabilmente potresti anche correggere il codice, ma mi sa che ci metti di più che a farle nuove...