Back to top

Autore Topic: [RISOLTO] Content Map modulo decentrato  (Letto 1483 volte)

Offline ginofrio

  • Appassionato
  • ***
  • Post: 276
  • Sesso: Maschio
    • Mostra profilo
[RISOLTO] Content Map modulo decentrato
« il: 22 Nov 2018, 18:41:02 »
Salve a tutti,come da oggetto non riesco ad allineare a sinistra la mappa ottenuta con content map, la cosa strana è che la scritta publicitaria (versione free) è perfettamente allineata, qualcuno sa dirmi cosa è successo?
posto link allla pagina incriminata: http://www.topdonitalia.com/j3/index.php/puglia
e allego immagine esplicativa
« Ultima modifica: 23 Nov 2018, 15:43:33 da ginofrio »

Offline Limma

  • Abituale
  • ****
  • Post: 1209
  • Sesso: Maschio
    • Mostra profilo
Re:Content Map modulo decentrato
« Risposta #1 il: 22 Nov 2018, 19:10:36 »
L'allineamento centrato della mappa dipende da questa regola css:
Codice: [Seleziona]
#contentmap_wrapper_module_122 {
    width: 500px;
    margin: auto;
    clear: both;
}
E' il margin: auto che imposta la "centratura".
Ti basta modificarlo, ad esempio, con un maregin-top: 20px; così non solo si allineerà a sinistra, ma si staccherà un po' dall'header del sito (a meno che non ti piaccia "appiccicato" così com'è ora...).
Oppure aggiungi la dichiarazione float: left;

Offline ginofrio

  • Appassionato
  • ***
  • Post: 276
  • Sesso: Maschio
    • Mostra profilo
Re:Content Map modulo decentrato
« Risposta #2 il: 23 Nov 2018, 08:51:03 »
grazie per la risposta Limma ma non so in quale css metterla quella regola, se la metto nello style.css del template mi sposta il modulo ma anche tutto il sito, ho provato con il "firebug" di firefox subito sotto margin:0; e padding:0; la dichiarazione float:left;in seguito sono andato nel componente e modulo lato sito ma non ho trovato nessun css... comunque sia il problema continua a sembrarmi strano perchè su un vecchio sito ho fatto la stessa cosa e non ho riscontrato problemi: http://www.elaborazionionline.com/tag-mappa/puglia.html e non credo che dipendi dal template.


Offline Limma

  • Abituale
  • ****
  • Post: 1209
  • Sesso: Maschio
    • Mostra profilo
Re:Content Map modulo decentrato
« Risposta #3 il: 23 Nov 2018, 10:02:48 »
... Ho provato ad inserire - con il tool per sviluppatori di Firefox - la seguente regola in cima al file style.css e si sposta solo la mappa (il resto della pagina resta dov'è, mi pare):
Codice: [Seleziona]
#contentmap_wrapper_module_122 {
    width: 500px;
    margin: auto ;
    clear: both;
    float: left;
}
Dal punto di vista "teorico" pare difficile che questa regola "sposti tutto il sito", in quanto il selettore css punta esclusivamente al modulo che contiene la mappa... Mah...

Da notare che la regola css originale che centra la mappa:
#contentmap_wrapper_module_122 {
    width: 500px;
    margin: auto;
    clear: both;
}
si trova nel file index.php (che non è quello del sito) come si vede nel sorgente della pagina:
<link href="/j3/index.php?option=com_contentmap&amp;view=smartloader&amp;type=css&amp;filename=default&amp;owner=module&amp;id=122&amp;Itemid=250" rel="stylesheet" type="text/css" />
Tale file, sempre raggiungibile dal tool di ispezione di Firefox, inizia così:
Codice: [Seleziona]
/* css generator begin */
#contentmap_wrapper_plugin_122 img{max-width:none}

#contentmap_wrapper_module_122{
        width: 500px;
        margin: auto; /*Horizontally center the map*/
        clear: both; /*Avoid overlapping with joomla article image, but it can create problems with some templates*/
}
Come vedi anche tu il commento a margin: auto è chiaro: serve a centrare la mappa.
Modificando la regola direttamente in questo file si raggiunge lo stesso obiettivo (allinearla a sinistra).

Il perchè del funzionamento diverso nell'altro sito richiederebbe uno studio approfondito della struttura del template e dei css; faccenda un po' lunga in questa sede...
Prova le strade che ho provato io e vedi cosa succede...
« Ultima modifica: 23 Nov 2018, 10:04:53 da Limma »

Offline ginofrio

  • Appassionato
  • ***
  • Post: 276
  • Sesso: Maschio
    • Mostra profilo
Re:Content Map modulo decentrato
« Risposta #4 il: 23 Nov 2018, 15:42:23 »
Grazie davvero Limma ho aggiunto il codice in cima al css e sembra che solo il modulo si sia spostato  :) ho anche osato aggiungere sotto margin: auto; margin-top: 20px; ma non ha funzionato, vabbè pazienza,  mi ritengo comunque soddisfatto.

Offline Limma

  • Abituale
  • ****
  • Post: 1209
  • Sesso: Maschio
    • Mostra profilo
Re:Content Map modulo decentrato
« Risposta #5 il: 23 Nov 2018, 20:51:49 »
ho anche osato aggiungere sotto margin: auto; margin-top: 20px; ma non ha funzionato
Modifica la regola che hai aggiunto:
Codice: [Seleziona]
margin-top: 20px;in:
Codice: [Seleziona]
margin-top: 20px !important;

Offline ginofrio

  • Appassionato
  • ***
  • Post: 276
  • Sesso: Maschio
    • Mostra profilo
Re:[RISOLTO] Content Map modulo decentrato
« Risposta #6 il: 24 Nov 2018, 13:11:47 »
Wow sei un grande adesso funziona, grazie ancora!

 



Web Design Bolzano Kreatif