Sovrapposizione di immagini

[tonibf]

Salve a tutti
Ragazzi sto uscendo pazzo con la sovrapposizione di immagini in html.
Vorrei inserire un immagine fissa da url web come sfondo e due immagini vicine centrate allo sfondo sempre con url web ma con collegamento ipertestuale.


Sono riuscito a realizzare qualcosa ma come noterete al seguente link: http://www.tidingsblog.com/scegli-il-device/
La tabella sovrappone lo sfondo e non si centra in nessuna maniera.
La cosa strana è che con dreamweaver sembra tutto a posto, vado a caricare il codice html nella pagina di wordpress e si scombina tutto.
L'immagine che ho allegato raffigura quello che vorrei fare.

Potete aiutarmi?

[Prill]

Non serve in realtà la tabella (anche perché poi usi una sola cella):

<div style="background-image: url('ometto/wp-content/uploads/2014/04/sfondo-appfan-e1398289482875.png'); width: 800px; height: 861px; margin:0 auto">
 <div style="text-align:center; padding-top:200px">
   <a href="ometto/category/iphone-2/"><img src="ometto/wp-content/uploads/2014/04/iphone-e1398289304428.png" alt="" /></a>
   <a href="ometto/category/android-2/"><img src="ometto/wp-content/uploads/2014/04/android-e1398289332117.png" alt="" /></a>
</div>
</div>

[tonibf]

Grazie per la risposta il codice funziona soltanto che non c'è l'allineamento centrale per entrambe le immagini. Ti allego lo screen del risultato

Non serve in realtà la tabella (anche perché poi usi una sola cella):

<div style="background-image: url('ometto/wp-content/uploads/2014/04/sfondo-appfan-e1398289482875.png'); width: 800px; height: 861px; margin:0 auto">
 <div style="text-align:center; padding-top:200px">
   <a href="ometto/category/iphone-2/"><img src="ometto/wp-content/uploads/2014/04/iphone-e1398289304428.png" alt="" /></a>
   <a href="ometto/category/android-2/"><img src="ometto/wp-content/uploads/2014/04/android-e1398289332117.png" alt="" /></a>
</div>
</div>

[ac_socmel]

ma tu hai aggiunto il tag <p> a ogni foto
usa il codice che ti ha dato Prill

[tonibf]

Probabilmente me lo produce automaticamente wordpress xke ho solo copiato e incollato il codice è inserito gli url inerenti o.o

ma tu hai aggiunto il tag <p> a ogni foto
usa il codice che ti ha dato Prill

[ac_socmel]

mi dispiace ma non conosco wordpress
ma mi sembra strano

[Prill]

ho ricopiato il tuo codice e modificandolo ho messo su due righe i link, se li inserisci in modalità codice dovresti risolvere, in modalità visuale wp inserisce l'altro rigo col paragrafo o col br. Se non riesci cancella lo spazio fra i due link mettendoli sulla stessa riga

[tonibf]

Ragazzi problema risolto bastava mettere tutto attaccato perché wordpress inseriva automaticamente il codice di separazione grazie a tutti!

ho ricopiato il tuo codice e modificandolo ho messo su due righe i link, se li inserisci in modalità codice dovresti risolvere, in modalità visuale wp inserisce l'altro rigo col paragrafo o col br. Se non riesci cancella lo spazio fra i due link mettendoli sulla stessa riga