Distanziare due immagini all'interno di un widget di wordpress

[peter46]

Ciao a tutti premetto che non conosco HTML.
Con l'aiuto di video guide ho costruito un sito con wordpress, poi con l'aiuto del figlio sono riuscito ad inserire delle immagini all'interno di un widget ma non riusciamo a distanziarle un pò.

Per fare questo abbiamo usato:

<div align="center"><a href="http://www.aics.it/" target="blank"><img width="50%" 
src="http://pattinaggioartisticoaltichiero.provaprova.16mb.com//images/aics.jpg"></a><a href="http://www.uisp.it/pattinaggio" target="blank"><img width="25%" src="http://pattinaggioartisticoaltichiero.provaprova.16mb.com/images/lega-patti-rotelle.gif"></a></div>

le immagini risultano perfettamente al centro del widget ma vorrei poterle distanziare un pò l'una dall'altra.
Ho fatto delle ricerche in rete e ho trovato questo:

<table cellpadding="0" cellspacing="2">

dove si dice che maggiore è il numero maggiore è lo spazio tra le due immagini se il valore è "0" le immagini sono accostate.
Ho provato a inserire la striga di codice in più punti ma senza risultato.

Vorrei sapere per cortesia dove inserire quel codice (premesso che sia ancora attuale)

Ciao e grazie da Pietro

[Vincent.Zeno]

Ho provato a inserire la stringa di codice in più punti ma senza risultato.

prova così:

<div style="margin:auto; text-align:center;" >
<a href="http://www.aics.it/" target="_blank">
<img style="margin:0 10px; width:50%;" alt="" src="http://pattinaggioartisticoaltichiero.provaprova.16mb.com/images/aics.jpg"></a>
<a href="http://www.uisp.it/pattinaggio" target="_blank">
<img style="margin:0 10px; width:25%;" alt="" src="http://pattinaggioartisticoaltichiero.provaprova.16mb.com/images/lega-patti-rotelle.gif"></a>
</div>

ho approfittato per correggere un po' di cose...

[peter46]

Grazie per la risposta. Ho incollato le tue stringhe di codice e le due immagini si sono distanziate tra loro. Se volessi distanziarle di più qual'è il valore da modificare.

Ciao Pietro

[Vincent.Zeno]

ho settato i margini delle immagini così:

style="margin:0 10px;"

dove avrei potuto scrivere;

style="margin:0 10px 0 10px;"

il primo valore è per margin-top
il secondo è per margin-right
il terzo è per margin-bottom
il quarto è per margin-left

qui ti spiega come funziona:
http://www.w3schools.com/css/css_margin.asp

nello specifico devi considerare che è così settato per entrambe le immagini, quindi il margine "tra" le immagini "si somma".

giocaci un po' che così capisci come funziona
solo il valore 0 non necessita di unità di misura

[peter46]

Grazie ancora. Proverò a giocarci e in caso mi farò vivo.

Pietro