Newsgroup: it.comp.www.html
Titolo: tabelle ed immagini

Salve a tutti,
vi espongo un problema in cui sono incorso e non capisco a livello
puramente teorico il perche' si presenti.
Ho un'immagine e l'ho tagliuzzata in sottoimmagini piazzandola in una
tabella. Per ora tutto semplice con  l'utility del paint shop pro che
ti crea la pagina html con l'immagine tagliuzzata a mo' di griglia.
Successivamente comincio ad applicare alcune modifiche , per la
verita' solo una: mettere l'anchor per quelle immagini (sono dei link
infatti) e qui succede qualcosa di strano: tra le immagini (ovvero tra
le celle) si presentano delle righe bianche di qualche pixel.
Per la precisione avendo la tabella due righe (<tr>) con tre immagini
nella prima riga e una in quella sottostante, mi si presenta una riga
bianca che separa le due <tr> della tabella.
Le ho provate tutte, elenco alcune possibilita' che avevo valutato:
1) proprieta' border =0 dell'immagine , cosi' se la linko non si vede
il bordo...magari quella riga bianca era una sorta di adattamento
all'esistenza di un bordo nato per colpa del link.
     E non e' questo
2) border, cellspacing e cellpadding posti tutti uguali a 0.
     E non e' manco questo
3) controllo minuzioso delle misure (altezza e larghezza) , ma niente.
Ho provato a mettere i bordi per capire come si e' strutturata la
tabella eppure questa riga che divide la cella appartiene ad una <tr>
e non capisco come mandarla via.
4) Ho provato a usare gli allineamenti ( valign= bottom delle immagini
della riga soprastante)... niente.
insomma se queste immagini (non sfondi , sono <img...) se vengono
linkate , nella loro cella (sebbene ci siano sempre e solo loro)
presentano questa righetta maledetta che spacca il complesso
dell'immagine che dovrebbe essere un tutt'uno.
(In teoria sarebbe una sorta di image map, fatta con la tabella visto
che le immagini sono rettangolari e si prestano bene ad una
suddivisione di questo tipo).
Adesso, la soluzione sarebbe magari cambiare strategia (tipo fare
proprio un'image map) , ma quello che mi chiedo e' come mai accade
questo sfasamento?
Ho provato a testare su mozilla e su IE, e tutte e due sfasano quindi
non posso neanche rifugiarmi dando colpe ai browser.
Grazie mille,
Ciao!
E.p.

 bianca che separa le due <tr> della tabella.
[CUT]
Da quanto ho capito hai suddiviso questa immagine inserendo ogni pezzo in
una cella solo per creare dei link multipli, giusto?
In questo caso ti bastava creare una mappa d'immagine sarebbe stato tutto
molto più facile e immediato.
Ciao.
-- 
[Non siamo materia che aspetta, ma schemi che si perpetuano.]
Rhadamanth.net (
http://www.rhadamanth.net
)
Web Garbage (
http://www.web-garbage.com
)

Ciao.
argh non dovevi cuttare ma continuare a leggere fino in fondo :P
infatti dicevo:
"Adesso, la soluzione sarebbe magari cambiare strategia (tipo fare
proprio un'image map) , ma quello che mi chiedo e' come mai accade
questo sfasamento?
Ho provato a testare su mozilla e su IE, e tutte e due sfasano quindi
non posso neanche rifugiarmi dando colpe ai browser."
ciao
E.p.

 della riga soprastante)... niente.
Hai provato ad agire su margin e padding delle celle?


 .

 le celle) si presentano delle righe bianche di qualche pixel.
Vai con le maniere forti e prova una di queste soluzioni:
1) Aggiungi queste dichiarazioni nel css e vedi se cambia qualcosa:
a, img {display:block; }
2) Prova a scrivere l'html TUTTO su una riga, senza andare a capo
3) Tenta queste strade, non proprio eleganti:
table td {
    line-height:0;
    font-size: 0px;
}
Nello.

2) Prova a scrivere l'html TUTTO su una riga, senza andare a capo
Ringrazio tutti per le risposte ricevute!
La soluzione del nodo gordiano e' proprio questa!  evidentemente i
browser amano cosi' tanto l'indentazione che gli accapo dentro le
table li commutano in spazi. 
Grazie a tutti
E.p.