allineamento mappe di google in joomla

[bostongeorge6969]

buongiorno.


Dopo aver installato il modulo per visualizzare le mappe di google,


se volessi mettere due mappe una a destra e una a sinistra nello stesso articolo che proprietà devo cambiare per far si che


A me risulta impossibile in quanto le due mappe vengono visualizzate appiccicate.


L'unico modo sarebbe fare una tabella a 3 colonne dove nella colonna centrale si inserisce una linea orizzontale in modo che occupi lo spazio tra le due mappe. MA RISULTA ALQUANTO BRUTTO DA VEDERE.


QUA IL LINK al sito:


http://www.provaquestosito.altervista.org/index.php?option=com_content&view=article&id=3&Itemid=6


suggerimenti?

[56francesco]

fai una tabella, inserisci i bordi, incolli il codice nelle celle.
 

[bostongeorge6969]

è proprio quello che ho fatto: una tabella 1 riga, 3 colonne.


nella prima e nella terza ho messo i codici della prima e della seconda mappa ma quando salvo le mappe vengono appiccicate a meno che non metto qualcosa nella colonna centrale che occupi spazio.(ma poi è brutto da vedere.)

[giusebos]

Ormai hai messo le tabelle, ma se utilizzavi i css avresti avuto un risultato più professionale.

[adottauncane]

Ciao bostongeorge6969,
alla cella in mezzo dai una misura fissa. In alternativa crea una giffina trasparente di 1px x 1px e dai all'immagine importata nella cella la larghezza che vuoi.

[bostongeorge6969]

Ormai hai messo le tabelle, ma se utilizzavi i css avresti avuto un risultato più professionale.

posso sempre cancellare le tabelle e smanettare sul cms. il problema è dove.
il css è relativo all'impostazione generale delle pagine e non al singolo articolo o sbaglio?

[bostongeorge6969]

ecco la soluzione lavorando con le tabelle:


3 colonne e 1 riga.
nella prima colonna la prima mappa, nella terza colonna  la seconda mappa, nella colonna centrale dell'articolo mi posiziono con il cursore dentro la cella e clicco su "PROPIETA' CELLA" (non propietà tabella), imposto quindi la larghezza della cella.


La soluzione di una piccola gif trasparente mi piaceva tantissimo ma era piu laboriosa


chiudo il post.


Grazie al tutti

[giusebos]

e questa è la soluzione con i css

html

Codice: [Seleziona]

<div id="cont-maps">
     <div class="map-sx">

      qui metti il codice di google dx

     </div>

     <div class="map-dx">

     qui metti il codice di google sx   

     </div>

</div>

CSS

Codice: [Seleziona]

#cont-maps {
    width: auto;
}

.map-sx {
    width: 47%;
    float: right;
    padding: 10px 5px 10px 10px;
    background-color: #ccffcc;
        }
       
.map-dx {
        width: 47%;
        padding: 10px 10px 10px 5px;
        background-color: #cccccc;       
        }       

Ho personalizzato un po il codice css......