Problema con tabella jQuery

vitren54

Utente Attivo
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

40_01.jpg

le stesse istruzioni inserite nella sezione contents di una pagina jQuery

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

danno questo risultato

40_02.jpg

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

Utente Attivo
13 Apr 2014
71
1
8
quellidelcucuzzolo.blogspot.it
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.

Codice:
table img{vertical-align:middle;}
 

vitren54

Utente Attivo

vitren54

Utente Attivo
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:
40_05.jpg

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

Utente Attivo
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

imm40.jpg

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

imm15.jpg

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

imm_schema.jpg

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.
 

vitren54

Utente Attivo
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....
 

vitren54

Utente Attivo
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
 
Discussioni simili
Autore Titolo Forum Risposte Data
S problema con recupero dati tabella mysql PHP 2
G inserimento csv in tabella mysql; problema con struttura PHP 11
D [HTML] Problema con Dreamweaver; 1) tabella con larghezza 100% 2) Immagine che si adatta a Div HTML e CSS 28
T Problema con l'aggiornamento di una tabella <Table> PHP 5
C Problema con Update di una tabella di un db PHP 3
F problema su query con nome tabella variabile PHP 20
F problema con i Tabs di una tabella Javascript 4
max_400 Problema tabella con IE HTML e CSS 10
A problema con l'inserimento di valori in una tabella dopo una ricerca da form Classic ASP 1
H problema tabella con header e prima colonna fissi Javascript 1
G Problema con la creazione di una tabella form PHP 9
J Problema con file .xls con impaginamento tabella PHP 0
J Problema con inserimento dati tabella PHP 4
C Problema con visualizzazione dell'immagina da tabella database PHP 5
S problema con visualizzazione campo in una tabella PHP 12
G Problema con HEIGHT della tabella HTML e CSS 1
U Problema con eliminazione righe dalla tabella del database PHP 1
Nik Posizionare un div (contenente una tabella) al centro, problema con mozilla HTML e CSS 0
M mysql 4 problema con tabella frm Database 2
M Problema con Try Catch PHP 0
Sergio Unia Problema con gli eventi del mouse su una data table: Javascript 2
T PROBLEMA CON SESSIONI PHP 3
T ALTRO PROBLEMA CON ARRAY PHP PHP 1
T PROBLEMA CON ARRAY PHP 8
L problema con query select PHP 2
R Problema query con ricerca id numerico PHP 2
F Problema con risposta PHP 0
Z Problema con il mio tp-l i nk Reti LAN e Wireless 1
L Problema RAM con Tomcat 8 Apache 0
napuleone problema con sort e asort PHP 4
Z Problema con INT MySQL PHP 1
Z Problema database MySQL con XAMPP PHP 0
M Problema con controllo form in real time jQuery 6
Z Problema di sincronizzazione PAYPAL con PHP PHP 1
G Problema con Get page PHP 4
P Problema con require once PHP 6
P Problema con i package Java 1
A Problema login con Safari PHP 14
F INDESIGN: problema esportazione esecutivo per la stampa con foto B/N Webdesign e Grafica 1
S problema con css bootstrap3 HTML e CSS 4
M .load() problema con caricamenti dinamici di js Javascript 0
G Problema ------- con Query PHP 1
G Problema con Query PHP 1
T problema con select dinamica con jquery Javascript 0
S Problema con spazi bianchi HTML e CSS 5
A PROBLEMA: insert mysqli con dati Tagsinput Presentati al Forum 0
Tommy03 Problema con z-index HTML e CSS 3
M Problema inserimento parole con apostrofo nel db PHP 5
C Problema con dati meteo xml XML 1
S Problema con infrarossi videocamera IP Cam e Videosorveglianza 1

Discussioni simili