Newsgroup: it.lavoro.professioni.webmaster
Titolo: SVG: Ma quanto li odio? - OPERA: Un comportamento che ha dell'incredibile!

Salve come da oggetto ho dei problemi con gli SVG. Singolarmente vedo
gli SVG senza problemi ma quando inizio a inserirli in tabelle
iniziano i problemi.
Quello che mi serve è vedere una semplicissima tabella con degli SVG
all'interno con qualsiasi browser (o almeno con IE/Safari).
La maggior parte dei browser mi fa vedere poco o niente, l'unico che
fa vedere qualcosa è Opera che però ha un comportamento che ha
veramente dell'incredibile!
La gente non sa che la prima scheda di Opera è destinata agli
sviluppatori mentre le successive sono pagine navigabili! Ossia la
prima pagina seleziona testo e immagini come se fosse un editor
impedendo la navigazione mentre le pagine successive si comporta come
se fosse un browser normale.
Questo è quello che accade alla prima scheda quando passi sopra con il
mouse su "cerca con google"
http://i56.tinypic.com/nl2bd1.gif
Nelle successive schede funziona tutto correttamente.
Consiglio: Non fatemi mai fare una gita in alta montagna con uno degli
sviluppatori...potrebbe "scivolare inavvertitamente" giù da un dirupo
e morire fra atroci sofferenze!!!
Qua sotto riporto i vari comportamenti dei vari codici nei vari
browser.
Ho evidenziato solo le parti di codice più importanti lasciando dei
puntini per il resto.
------ Codice 1 (sfondo nelle celle) ------
<html>
<body>
<table width=660 height=777 border="0" CELLPADDING="0"
CELLSPACING="0">
   <tr>
     <td background="card2.svg"></td>
     <td background="card6.svg"></td>
   </tr>
   <tr>
     ...
     ...
   </tr>
   <tr>
     ...
    ...
   </tr>
</table>
</body>
</html>
OPERA: 
http://i54.tinypic.com/8yw5xj.gif
IE/FF/Safari/Chrome: Pagina bianca
------ Codice 2 (immagini nelle celle) ------
<html>
<body>
<table width=660 height=777 border="0" CELLPADDING="0"
CELLSPACING="0">
   <tr>
     <td><img src="card2.svg"></td>
     <td><img src="card6.svg"></td>
   </tr>
   <tr>
     ...
     ...
   </tr>
   <tr>
     ...
     ...
   </tr>
</table>
</body>
</html>
</table>
</body>
</html>
OPERA 
http://i54.tinypic.com/ff01ad.jpg
IE/FF: Pagina bianca
Safari/Chrome 
http://i52.tinypic.com/33w8xvd.jpg
Dulcis in fundo facendo un mix
------ Codice 3 (misto) ------
<html>
<body>
<table width=660 height=777 border="0" CELLPADDING="0"
CELLSPACING="0">
<tr>
   <td><img background="card2.svg"></td>
   <td><img src="card6.svg"></td>
</tr>
   <tr>
     ...
     ...
   </tr>
   <tr>
     ...
     ...
   </tr>
</table>
</body>
</html>
su Safari e Chrome si vede così: 
http://i51.tinypic.com/k2l9gj.jpg
ossia senza i volti.
Gli altri browser pagina bianca
Prendete queste schermate con le pinze magari (vedendo l'andazzo)
cambiano a loro discrezione.
Mi sembra che (oltre a me) questo svg sia un rompic.....mica da
ridere.
Se qualcuno mi volesse dare una mano....
grazie
Francesco

 Mi sembra che (oltre a me) questo svg sia un rompic.....mica da ridere.
A parte che le SVG non sono sempre ben supportate:
http://caniuse.com/#search=svg
Mi chiedo perche` usi una table quando quello che stai facendo si farebbe 
molto meglio con il posizionamento tramite css.
Le table hanno sempre avuto rogne di qualche tipo, soprattutto con le 
novita` introdotte negli anni in HTML e css (prova a fare una table con 
gli angoli arrotondati).
Io le evito come la peste. :)
Bye.

 Io le evito come la peste. :)
mi sa che ti seguo :-)
grazie dell'intervento
Francesco
p.s. poi se qualcuno lo sa mi incuriosiva sapere come mai Opera aveva
quello strano comportamento...

 Se qualcuno mi volesse dare una mano....
Curiosità: hai validato il codice? Hai provato la resa con Amaya?

 Curiosità: hai validato il codice? Hai provato la resa con Amaya?
validare il codice? E' una tabella con degli svg all'interno delle
celle.... Con gli altri formati ovviamente funzionano perfettamente ma
con gli SVG no. Li inserisco sia come immagini che come sfondi. Se hai
altri modi per inserirli all'interno di tabelle? Se poi gli SVG sono
di loro un formato rompipalle è un altro discorso...
Comunque come faccio a validarlo? devo andare su qualche W3C e
inserire il codice ? Non posso inserire link perchè a me serve offline
grazie
Francesco

 inserire il codice ? Non posso inserire link perchè a me serve offline
[1] puoi sia caricare il codice da qualche parte su web che incollare il 
sorgente.
[1] 
http://validator.w3.org/