tabella html + immagini visualizzazione chrome e IE

[angelo85ct]

tabella html + immagini visualizzazione chrome e IE

Salve ragazzi, ho una tabella html con due colonne:

[HTML]

<table width="100%" border="0"> <tbody><tr> <td rowspan="10" width="50%"><a href="1.jpg" "><img class=".imgcl" src="1.jpg" title="Costruzione Piscina Pubblica "></a></td> <td width="239" bgcolor="#c3e4f5"><strong>Tipologia piscina:</strong></td> <td width="265" bgcolor="#c3e4f5">Piscina Su Misura </td> </tr> <tr> <td><strong>Materiali costruttivi:</strong></td> <td>Struttura in Pannelli di acciaio</td> </tr> <tr> <td valign="top"></td> <td valign="top"></td> </tr></tbody></table>[/HTML]

con chrome l'immagini mi si vede ridimensionata al 50%, invece con altri browser ie e firefox, vedo l'immagine a dimensioni reali 900x700 px come mai?

Come posso fare per far visualizzare l'immagine in modo che in base alla risoluzione dell schermo si adatti l'immagine?

[shad]

Ciao,
prova così:

[HTML]
<table width="100%" border="0"> <tbody><tr> <td rowspan="10" ><a href="1.jpg" style="width: 50%;"><img class=".imgcl" src="1.jpg" style="width: 50%;" title="Costruzione Piscina Pubblica "></a></td> <td width="239" bgcolor="#c3e4f5"><strong>Tipologia piscina:</strong></td> <td width="265" bgcolor="#c3e4f5">Piscina Su Misura </td> </tr> <tr> <td><strong>Materiali costruttivi:</strong></td> <td>Struttura in Pannelli di acciaio</td> </tr> <tr> <td valign="top"></td> <td valign="top"></td> </tr></tbody></table>
[/HTML]

Detto questo l'uso delle tabelle per gestire l'impaginazione è un metodo vecchio e sconsigliato. Con un adeguato CSS puoi ottenere lo stesso risultato e lasciare che le tabelle facciano...le tabelle.

Saluti

[enkille]

Prima di tutto controlla bene il tuo codice. Ho trovato due errori che rendono il codice non valido. Per esempio <img class="**.**imgcl" - togliamo il punto dal class, non serve.

Poi qui <a href="1.jpg" "> togliamo la doppia virgoletta.

E' molto consigliato usare attributi come width="" ed height="" per il tag IMG. Quindi aggiungi al tuo IMG le dimensioni dell'immagine necessarie e goditi la tua tabella.

I browser correggono il codice non valido, anche Firefox, ma ci sono dei punti che danno per forza errore e che devi trovare e correggere tu.