Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2002
    Messaggi
    541

    Immagine di dimensione variabile all'interno di una tabella

    Utilizzando una tabella standard , ipotizziamo di dimensioni 600x300 mi capita in situazioni normali di inserire un'immagine RANDOM di altrettante dimensioni .....e fin qua tutto ok...

    Tuttavia se volessi vincolare la dimensione della tabella a 600x300 e trovarmi un'immagine random di dimensioni superiori in LARGHEZZA, la tabella si scompone (si allarga) ovviamente....

    Vorre fare in modo che la tabella rimanesse sempre della stassa dimensione (600x300) e che quindi l'immagine "sfori" dalla dimensione dalla tabella.... è fattibile una cosa simile?


    Che codice dovrei usare?


    Grazie.

  2. #2

    Re: Immagine di dimensione variabile all'interno di una tabella

    Originariamente inviato da fasa
    Che codice dovrei usare?
    Per cominciare stai usando le tabelle nel modo sbagliato.
    Dovresti usare i div per i layout. Le tabelle servo SOLO per dati di tipo tabellare.

    Nel tuo caso dovresti mettere nel TD la foto con dimensioni "forzate" in percentuale.

    Una cosa tipo:
    codice:
    ... ...
    <table>tr><td><img class='ciao' src=...  /></td></tr></table>
    
    dove 
    .ciao {
      width: 100%;
    }
    
    In DIV sarebbe la stessa cosa ma semanticmante corretta:
    <div><img class='ciao' src=...  /></div>
    Fantasupermegafavolipermeramagicultra irresistibili
    4 10 30 100 1001 personaggi insuperabili fantaincredibili ultraimpossibili iperterribili irresistibili!!!

    "... a quell'età ... bastava un dito per fare la pace ..."
    fotine

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2002
    Messaggi
    541
    Grazie Ricman!!!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.