Problema con tabella jQuery

[vitren54]

Ciao

ho un problema con una tabella contenente una serie di immagini che vanno a comporre un grafico.

Per spiegare il problema riduco al minimo l'esempio, tabella con 2 righe e due colonne e un quadrato bianco 40x40 in ogni cella.

Es. tabella inserita in pagina HTML

http://www.renzo-vitale.it/mobile/pagHTML.html

danno questo risultato



le stesse istruzioni inserite nella sezione contents di una pagina jQuery

http://www.renzo-vitale.it/mobile/pagJQUERY.html

danno questo risultato



Inutile dire che quello spazietto verticale aggiunto in basso nella cella rovina l'intero grafico.

Ringrazio in anticipo per eventuali suggerimenti che riescano ad annullare lo spazio aggiunto e far vedere la tabella come nel formato HTML

 

[MAeSI]

Ciao,

la differenza fra le due pagine non è jQuery ma il doctype. Prova ad assegnare all'immagine un valore di vertical-align, per esempio middle.

table img{vertical-align:middle;}

 

[vitren54]

Ciao e grazie per la risposta

spero di aver applicato correttamente il suggerimento perchè il risultato finale purtroppo è lo stesso.

Ho provato vertical-align con CSS esterno:
http://www.renzo-vitale.it/mobile/pagJQUERY.html

stile interno:
http://www.renzo-vitale.it/mobile/pagJQUERY1.html

l'impressione è che le celle verticalmente hanno un'altezza maggiore rispetto a quanto dichiarato, visualizzando i bordi si ha questo risultato:
http://www.renzo-vitale.it/mobile/pagJQUERY2.html

 

[MAeSI]

Premesso che le pagine sono piene di errori di validazione (correggile, io le ho lasciate inalterate).

Qui hai aggiunto l'elemento p, se proprio vuoi mantenerlo aggiungerei un "reset":
http://quellidelcucuzzolo.altervista.org/test/pagJQUERY.html

Qui l'esempio senza elemento p:
http://quellidelcucuzzolo.altervista.org/test/pagJQUERY1.html

Infine, i CSS in linea si scrivono così:

style="proprietà:valore;"

 

[vitren54]

Ciao MAeSI

ti ringrazio tantissimo per i più che validi e funzionanti suggerimenti.

Inserendo l'esempio semplificato prima e dopo la mia tabella mi ritrovo in questa situazione.

1) Esempio funziona (ha tolto lo spessore), 2) mia tabella non funziona (ha gli spessori), 3) esempio funziona (ha tolto lo spessore)

Graficamente si traduce in:


in ogni caso avendo sezioni funzionanti devo trovare in che cosa si differenziano, a livello di istruzioni, le due tabelle o eventualmente le immagini inserite dentro.

Ancora grazie

 

[vitren54]

in ogni caso avendo sezioni funzionanti devo trovare in che cosa si differenziano, a livello di istruzioni, le due tabelle o eventualmente le immagini inserite dentro.

Ancora grazie

Ho confrontato le istruzioni delle due tabelle e differenze non ne ho trovate, sta di fatto che una funziona e l'altra no.

Alla fine ci sono arrivato... dipende dalle dimensioni delle immagini inserite dentro e

l'esempio funzionante con immagini da 40px
http://www.renzo-vitale.it/mobile/anagramma40.php



non funziona se le immagini vengono ridotte a 15
http://www.renzo-vitale.it/mobile/anagramma15.php



contrariamente se ingrandisco le immagini della mia tabella ottengo il risultato desiderato



nella mio schema le immagini devono essere 15px o anche meno, ho provato a scrivere l'istruzione <img con width="15" o style="width:15px; ma era prevedibile che il risultato non cambiasse.

Mi affido ancora alle vs. conoscenze... le mie si fermano prima.

 

[MAeSI]

Prova con:

td img {
    display: block;
}

 

[vitren54]

Sei grande!!!

Problema risolto... c'è ancora un piccolo neo e se hai qualche idea bene altrimenti va benissimo cosi.

su PC funziona, su cellulare funziona e raramente separa le righe, su tablet separa le righe di fisso.

Ma come dicevo sono più che soddisfatto.

Non so se si può linkare la pagina per far provare....

 

[MAeSI]

Non so se ho trovato la pagina giusta (renzo-vitale.it/mobile/anagramma0.php), ma con Samsung Galaxy Tab 3 non noto spazi.

Provato con Chrome, Firefox e browser di default.

 

[vitren54]

Si la pagina è giusta e ora anche il mio tablet (Olipad 110 diventato LifeTab) ha messo la testa a posto... probabilmente questione di cache.

Ho intenzione di far migrare su jQuery e quindi cellulare antichi progetti realizzati per hobby.

La prima stesura dell'anagramma era stata fatta su un AppleII con 2 floppy e dalle soluzioni che propone forse il periodo traspare.

In ogni caso benedetti i forum e le persone che vi partecipano.
Avrò sicuramente occasione di romperti di nuovo.
Ciao