Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => I Template di Joomla 1.6/1.7/2.5 => : giusep 25 Sep 2013, 17:34:49
-
Cari del forum,
ho provato con il css, ma non ci riesco proprio a sistemare questo menu.
Il problema sta nel fatto che con IE si vede posizionato bene (al centro), mentre con FF è a sinistra.
Cosa posso fare per farlo vedere al centro anche con FF?
Questo è il link: http://www.incontraregesu.it/joomla/primo-piano (http://www.incontraregesu.it/joomla/primo-piano)
Grazie e saluti. :)
-
alla riga 261 del file
http://www.incontraregesu.it/joomla/templates/tfjyataliteversion/css/template_css.css
edita
#topmenu {
background-color: #000000;
height: 44px;
margin: 0 auto;
padding: 0;
width: 100%;
}
sostituendo 100% con 980px
-
Grazie Giusebos per il tuo suggerimento...
così, però (come puoi vedere), si accorcia tutta la barra del topmenu con lo sfondo nero,
esteticamente non va bene... :-\
-
Ci sono delle impostazioni nel template, quali?
-
Gent.mo Giusebos,
a cosa ti riferisci, precisamente?
Che impostazioni? :-\
-
... penso di aver capito che ti riferisci alle impostazioni del template, quelli dalla "gestione template".
In questo caso vi sono solo le impostazioni per il logo, il titolo e la descrizione.
Altro non c'è. :(
-
ok.
per avere la banda nera dobbiamo inserire un nuovo div che contine il menù, dandogli come colore di background il nero
-
... ti riferisci al file CSS vero?
OK ci provo ;)
-
devi prima inserire il div del top menù all'interno di un nuovo div
adesso hai +/-
<div id="topmenu">
qui il codice del tuo meno qui il codice del tuo meno qui il codice del tuo meno
qui il codice del tuo meno qui il codice del tuo meno qui il codice del tuo meno
</div>
devi inserire le due istruzioni in rosso
<div id="fascia_nera">
<div id="topmenu">
qui il codice del tuo meno qui il codice del tuo meno qui il codice del tuo meno
qui il codice del tuo meno qui il codice del tuo meno qui il codice del tuo meno
</div>
</div>
mentre nel file css devi aggiungere la regola
#fascia_nera {
background:#000000;
}
Forse occorrerà aggiustare qualcosa, ma intanto fai questo.
-
OK fatto e risolto.
Per IE ho dovuto aggiungere anche il width 100%.
Senza il tuo aiuto sicuramente non ci sarei arrivato.
Grazie ;D
-
ottimo!!