• User Attivo

    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?


  • Moderatore

    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


  • User

    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.