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 */
}