Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2010
    Messaggi
    333

    ottenere spazi proporzionali fra le immagini

    Ciao a tutti

    secondo voi usando solo i CSS come posso fare per inserire su una unica <td> da 3 a 5 (comunque un numero variabile) immaginette in modo tale che siano sempre distanti fra loro in maniera proporzionale con ogni browser e/o risoluzione?

    Grazie

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Con i margini automatici

    Non so perche` usi le tabelle (potrebbe essere un uso sbagliato), ma il modo corretto per inserire un certo numero di elementi dentro un blocco con spaziature uguali e` usare margini automatici.

    Nota: le spaziature saranno sempre uguali, non proporzionali (ma credo sia un tuo errore nella richiesta)

    Esempio:
    codice:
    HTML:
    <p class="contenitoreImmagini>
      [img]...[/img]
      [img]...[/img]
      [img]...[/img]
    </p>
    
    CSS:
    p {
      width: ...;     /* deve essere definita (anche in %, se utile; in tal caso deve essere definita anche quella del contenitore */
      border: 1px solid black;         /* tanto per vedere la cornice */
    }
    p img {
      margin: 0 auto 0 0;            /* margine automatico solo a destra */
    }
    p img.prima { 
      margin: 0 auto;                 /* alla prima margine automatico a destra e sinistra */
    }
    
    OPPURE:
    p img {
      margin: 0 0 0 auto;           /* margine automatico solo a sinistra */
    }
    p img.prima {
      margin: 0;                         /* nessun margine alla prima */
    }
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2010
    Messaggi
    333
    ok
    Grazie

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 © 2026 vBulletin Solutions, Inc. All rights reserved.