formattazione tabella da principiante

[Gamba]

Vorrei formattare una tabella in modo molto semplice, ma non ci riesco.
In particolare:
- vorrei che l'ultima riga di totale avesse un bordo superiore e
inferiore diverso; ho cercato il modo di definire lo stile una volta
sola per tutta la riga, ma senza successo (tfoot > td {border-bottom:
2px solid black; border-top: 2px solid black;})
- vorrei che il testo nelle celle di una delle colonne fosse allineato a
destra anziché a sinistra; ho cercato il modo di definire lo stile una
volta sola per tutta la colonna, ma senza successo.

Inoltre chiedo se c'è un'applicazione online che aiuti a formattare al
volo una tabella. Forse mi giudicherete uno che vuole avere la pappa
pronta, però per inserire una misera tabella su un misero blog personale
non vorrei perdere una giornata o anche più.

Grazie comunque per il vostro aiuto.

[lbo@email.it]

On 10 Mar, 13:02, Gamba <ga...*mailinator.com> wrote:
> Vorrei formattare una tabella in modo molto semplice, ma non ci riesco.
> In particolare:
> - vorrei che l'ultima riga di totale avesse un bordo superiore e
> inferiore diverso; ho cercato il modo di definire lo stile una volta
> sola per tutta la riga, ma senza successo (tfoot *> td {border-bottom:
> 2px solid black; border-top: 2px solid black;})

credo che il problema dipenda dal fatto che probabilmente tu avrai
usato i tag nell'ordine giusto, e cioè:

<tfoot>
<tr>
<td>...</td>
</tr>
</tfoot>

mentre il simbolo ">" che hai usato nella definizione dello stile dice
"prendi i td che sono direttamente figli di tfoot". ma i td non sono
figli di tfoot, sono figli di tr, e sono semmai "nipoti" di tfoot.

quindi dovresti scrivere:

tfoot *> tr > td {border-bottom: 2px solid black; border-top: 2px
solid black;}

o, più sinteticamente

tfoot td {ecc.}

che dice "prendi tutti i td che hanno un qualsiasi rapporto di
discendenza da tfoot, figli, nipoti, pronipoti che siano".

(osservo comunque che i due bordi che hai specificato non sono
diversi, ma uguali)

> - vorrei che il testo nelle celle di una delle colonne fosse allineato a
> destra anzich a sinistra; ho cercato il modo di definire lo stile una
> volta sola per tutta la colonna, ma senza successo.

purtroppo non si può definire qualcosa per colonna. a dire il vero le
tabelle html non hanno il concetto di colonna come un foglio di
calcolo. hanno solo righe e celle. dovrai inventarti un sistema per
fare in modo di contare le celle di tutte le righe (tutti i tr) e
all'n-esima cella assegnare, tramite una class o uno style, "text-
align: right". se scrivi la tabella staticamente lo puoi anche fare a
mano.

> Inoltre chiedo se c' un'applicazione online che aiuti a formattare al
> volo una tabella. Forse mi giudicherete uno che vuole avere la pappa
> pronta, per per inserire una misera tabella su un misero blog personale
> non vorrei perdere una giornata o anche pi .

applicazioni specifiche per formattare tabelle non credo ce ne siano,
forse qualche editor visuale avanzato... (e commerciale). ma via,
una volta che hai trovato le impostazioni giuste con un po' di
copiaincolla si fa presto.

[Gamba]

> mentre il simbolo ">" che hai usato nella definizione dello stile dice
> "prendi i td che sono direttamente figli di tfoot". ma i td non sono
> figli di tfoot, sono figli di tr, e sono semmai "nipoti" di tfoot.

Ottima spiegazione.

> purtroppo non si può definire qualcosa per colonna. a dire il vero le
> tabelle html non hanno il concetto di colonna come un foglio di
> calcolo. hanno solo righe e celle. dovrai inventarti un sistema per
> fare in modo di contare le celle di tutte le righe (tutti i tr) e
> all'n-esima cella assegnare, tramite una class o uno style, "text-
> align: right". se scrivi la tabella staticamente lo puoi anche fare a
> mano.

Questa non me la aspettavo. Pensavo che scope="col" servisse a qualcosa
del genere.

> applicazioni specifiche per formattare tabelle non credo ce ne siano,
> forse qualche editor visuale avanzato... (e commerciale). ma via,
> una volta che hai trovato le impostazioni giuste con un po' di
> copiaincolla si fa presto.

Avrei preferito diversamente. Dura la vita del principiante.
Grazie dell'esauriente risposta.

[Andrea D'Amore]

In article <hn99ns$tbr$1*news.datemas.de>, Gamba <gamba*mailinator.com>
wrote:

> Avrei preferito diversamente.

Se la tabella è statica il lavoro lo fai a mano una volta sola, se è
dinamica lo inserisci nel programma che la genera, non è un gran
problema.

[lbo@email.it]

On 11 Mar, 00:24, Gamba <ga...*mailinator.com> wrote:

> > purtroppo non si può definire qualcosa per colonna. *a dire il verole

> Questa non me la aspettavo. Pensavo che scope="col" servisse a qualcosa
> del genere.

a dire il vero io di scope="col" non ne avevo mai sentito
parlare... :-)

dal poco che sono riuscito a capire con una rapida incursione su
google, però, dovrebbe semplicemente servire ad indicare se una certa
singola cella marcata come th fa da intestazione di una colonna
(default, credo) o di una riga, e quindi a poterla formattare
differenziatamente, e non a definire, come la traduzione potrebbe far
pensare, un gruppo di celle raggruppate per colonna da formattare in
modo simile. ma qui lo dico e qui lo nego.

qui ho visto qualcosa che potrebbe interessarti:

http://www.diodati.org/w3c/html401/s...tml#adef-scope
(da qui credo di aver capito quanto sopra)

http://www.elated.com/articles/styling-tables-with-css/
(tutorial che mi pare abbastanza completo sulla formattazione di
tabelle)

http://veerle.duoh.com/blog/comments...ble_version_2/
(un altro tutorial)

http://icant.co.uk/csstablegallery//?css=68
(raccolta di esempi vari)