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 => : djpipino 04 Nov 2012, 12:53:59
-
salve,ho problemi nell'impaginare bene e in modo dinamico questo sito (http://associazioneculturalesanbenedetto.it/).Su alcune risoluzioni la colonna di destra con i menu viene spostata verso il centro...altre volte viene addirittura a capo..vorrei che come dovrei modificare il css del template?grazie
forse il problema è dovuto alla modifica dei margini fatta qui
#content60 {
float:left;
display: inline;
width:560px;
padding: 0;
margin: 0px 50px 0 80px
-
..scusa ma non sarebbe meglio ( dato che hai già modificato) che sostituisci il file template.css con quello originale e prima di modificare fai le dovute verifiche con Firebug ? Ho visto solo adesso il link..Io lo visualizzo bene !
-
Ho fatto tante modifiche..non mi va di sostituire il file..
-
Sia con Chrome, Firefox e Opera e Safari io lo vedo bene....Sia voci di menù che pagine sono corrette e allineate
-
Credo che sia legato alle dimensione del monitor
-
Ciao, infatti....Non essendo manco responsive con il tablet da 10 visualizzo il sito come hai descritto... Solo un problema di dimensioni monitor..Quindi o riduci le dimensioni ....o... :o
-
altri consigli...
-
Ridurre a 980 px o cambiare template...Personalmente non vedo altre rapide soluzioni..
-
dove devo ridurre di preciso nel css?
-
Su un sito io ho impostato così e ho messo mano al css solo per altro:
Questo è su Winter free..Dovrebbe essere uguale
- [size=1.091em]Logo testo[/size][/size]
- [size=1.091em]Slogan[/size]
- [size=1.091em]Larghezza pagina in px (ad esempio 980)[/size]
- [size=1.091em]Larghezza colonna destra in px (ad esempio 190)[/size]
- [size=1.091em]Larghezza colonna sinistra in px (ad esempio 190)[/size]
- [size=1.091em]Larghezza logo in px (ad esempio 260)[/size]
-
ho provato..ma niente
-
...Questo è il demo del template, puoi verificare che le colonne laterali hanno larghezza 190 px....La demo del template è ben visibile anche su portatile e con tablet da 10"
http://a4joomla.com/joomla-templates/seashore/ vedi con Firebug...
Nel tuo caso hai impostato la larghezza delle colonne a 243 px
-
PERFETTO...ora è visualizzabile anche da iphone..pero' sullo schermo del portatile vedo tutto decentrato verso sinistra..
-
ho risolto...modificando l'html cosi
<div id="allwrap" class="gainlayout">
<div id="wrap" class="gainlayout" style="width:980px;">
-
Si ho visto, le colonne adesso vanno bene
Ti rimane solo da dimensionare il menù....3 voci ti vanno sotto
#topmenu .menu {
font-family: Arial,Helvetica,sans-serif;
font-size: 10px;
font-weight: normal;
letter-spacing: 1px;
line-height: 18px;
list-style: none outside none;
margin: 0;
padding: 0;
text-transform: uppercase;
}
#topmenu .menu li a {
display: block;
padding: 6px 13px 4px;
text-decoration: none;
Mettilo come va bene a te ...
Se hai risolto metti il "risolto" all'inizio :)
-
Ho risolto inserendo il colore di background sotto gli ultimi 3 menu..cmq grazie