allineare immagine inserita da css

[squalogu]

aspetta. nel frattempo ho cambiato l'immagine da jpg a png, quindi risolvo lo sfondo trasparente
adesso dovrei semplicemente centrare l'immagine..

[squalogu]

no, l'immagine DEVE rimanere fissa appunto per il discorso delle città che dovranno trovarsi sempre in quella posizione specifica.

[adottauncane]

Sì ho capito, solo che quella soluzione non va bene per quella posizione...
Puoi provare con Google maps, tipo qui:

dove inserisci il pallino puoi inserire nel fumetto anche un link, informazioni, ecc.

[squalogu]

così sembra che vada bene: #regione {
   width: 260px;
   height: 431px;
   background: url(../images/sardegna.png) no-repeat center;
   }




o sarebbe meglio:



left:50%;
top:50%;






ora dall'ipad si vede bene, e non sembra che le città subiscano variazioni di posizione


che dite?


ps.


non posso usare google  maps. devo usare la soluzione che ho attualmente..

[adottauncane]

Non ho l'ipad, sul computer si vede bene.

[squalogu]

non riesco a centrare l'immagine in modo responsive all'interno di quel modulo!

[adottauncane]

Prova così:

Codice: [Seleziona]

#regione {    background: url("../images/sardegna.png") no-repeat scroll center center rgba(0, 0, 0, 0);    height: 431px;    width: 290px;}

[squalogu]

(su ipad) esce a destra...


cavolo non vuole rimanere all'interno del template, non vuole allinearsi

[adottauncane]

E se fai la stessa larghezza in px in #regione dell'immagine? 238px? Adesso hai 290px.

[adottauncane]

Oppure metti width:100%

[squalogu]

Inserendo 100%. Non rischio che poi in base al dispositivo con il quäle mi collego poi le città si spostino?

[adottauncane]

No direi di no. Quella misura è subordinata alla percentuale della posizione e non si riferisce all'immagine. Semplicemente sta nel 31% della posizione. Comunque puoi verificare qui come si vede su uno smartphone.
http://www.sitiwebmobile.com/index.php
ipad ce l'hai.

[squalogu]

ok razie, allora ora provo e ti faccio sapere.


vorrei non ci fosse lo scrool orizontale

[squalogu]

ok ho inserito width:100%.
sembra che vada bene

da qua sembra però che tagli una parte dell'immagine....?

[adottauncane]

Da qua no... Non saprei.

[squalogu]

ciao, in pratica la stessa cosa succede nell'ipad, invece dal mio telefono samsung tutto ok.


secondo te devo ridurre le dimensioni dell'immagine? ma non avrebbe senso? cosa pensi?


allego screenshot

[allegato eliminato automaticamente dopo un anno]

[adottauncane]

Penso quello che ho già scritto prima. Voler inserire contenuti fissi in spazi pensati per essere responsive non è cosa buona...
Poi, certo, se rimpicciolisci l'immagine in modo che la più stretta delle visualizzazioni orizzontali sia a posto è meglio che niente.

[squalogu]

non ma il fatto non è neanche questo, perchè dal mio sansung che è piccolissimo e da un i phon4 e 5 si vede benissimo.


ma da qua: http://www.sitiwebmobile.com/index.php e dall'ipad da questo errore...