WebSite X5Help Center

 
Roberto Luchi
Roberto Luchi
User

Oggetto Google Maps che non va a tutta larghezza pagina  it

Автор: Roberto Luchi
Просмотрено 2052, Подписчики 2, Размещенный 0  

Buonasera a tutti,

mi sta succedendo una cosa strana, in una pagina ho inserito l'oggetto "Google Maps" che con il seguente codice nella sezione "Prima della chiusura del tag HEAD"

    #imPageRow_3 div{
        padding: 0;
        width: 100% !important;/* mette a larghezza tutto schermo la riga*/

mi andava a tutta larghezza pagina, adesso ho fatto degli aggiornamenti al programma e all'oggetto e non mi va più a tutta pagina potete aiutarmi?

in allegato il prima e il dopo

Grazie Saluti

Размещено
9 Ответы - 1 Полезно - 1 Корректно
Claudio D.
Claudio D.
Moderator
Лучший пользователь месяца ES

...sarebbe stato meglio che avessi postato il link del sito...

...comunque se hai fatto delle modifiche nella pagina , magari l'oggetto non è più nella stessa riga di prima...

Читать больше
Размещено От Claudio D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца PL

xRoberto,  ... ... ... controlla il nome della riga relativa all'IFRAME googleMAP nel codice sorgente, > Ctrl+U ...

... nel sito dello STAMP ne hai due, alle righe imPageRow_4  e  imPageRow_6  ...ed infatti hai usato il codice relativamente a queste righe...

...!... da dove è stata rilevata la riga imPageRow_3 del codice che hai postato ...?...

... come è stato anticipato, con un LINK si potrebbe verificare...

.



Читать больше
Размещено От  ‪ KolAsim ‪ ‪
A. Kris
A. Kris
User

ciao Roberto, io ho inserito in questo modo, pagina -> "esperto" (esempio)

prima della chiusura head:
<style>.bg-map {
   position: absolute;
   left: 0px !important;
   bottom: 65px;
 }
</style>

prima della chiusura body: (tra iframe e /iframe ovviamente va inserito la tua mappa)
<div class="bg-map" style="width: 100%"><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6208.660375768816!2d-77.03553924711063!3d38.91642992849604!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89b7c6de5af6e45b%3A0xc2524522d4885d2a!2sWashington%2C+Distretto+di+Columbia%2C+Stati+Uniti!5e0!3m2!1sit!2sit!4v1496563911113" width="100%" height="540" frameborder="0" style="border:0" allowfullscreen></iframe>

Читать больше
Размещено От A. Kris
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца PL
Roberto Luchi
Buongiorno Claudio e KolAsim, vi metto i link...non riesco a capire la differenza!!! Grazie tanto Vecchia versione che funzionava: http://www.econetsrl.info/test3/dove-siamo.html Nuova versione che non va: http://www.econetsrl.info/test4/dove-siamo.html

... correggi il codice IFRAME da così a così

<iframe width="350"  eccetera

<iframe width="100%"  eccetera

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Giancarlo B.
Giancarlo B.
User
Лучший пользователь месяца IT

Ciao Roberto, per calcolare il numero corretto della ROW puoi vedere questo semplice esempio:

http://www.giancarloweb.it/blog/index.php?id=702uie1o

in più nell'oggetto mappa doresti mettere le misure effettive ad esempio 1920x600.

Читать больше
Размещено От Giancarlo B.
Roberto Luchi
Roberto Luchi
User
Автор

Buongiorno KolAsim,

ma come faccio a correggere il codice IFRAME solo della riga 3 e 5 della pagina in questione?

Grazie

Читать больше
Размещено От Roberto Luchi
Roberto Luchi
Roberto Luchi
User
Автор

Ho risolto mettendo la larghezza dell'oggetto "Google Maps" a 3000 e così facendo adesso lo mette a tutta larghezza.

Grazie a tutti

Читать больше
Размещено От Roberto Luchi
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца PL
Roberto Luchi
Buongiorno KolAsim, ma come faccio a correggere il codice IFRAME solo della riga 3 e 5 della pagina in questione? Grazie

... se hai fatto uso del codice IFRAME esteso, basta correggere il WIDTH come indicato precedentemente....

... oppure, visto che fai già uso di codice personalizzato, aggiungi tra i TAG STYLE queste due stringhe:

#imPageRow_3 iframe{ width: 100% !important;}
#imPageRow_5 iframe{ width: 100% !important;}

.

ciao

Читать больше
Размещено От  ‪ KolAsim ‪ ‪