Autore Topic: allineamento logo Header [RISOLTO]  (Letto 2059 volte)

Offline emj

  • Nuovo arrivato
  • *
  • Post: 43
    • Mostra profilo
allineamento logo Header [RISOLTO]
« il: 10 Dic 2012, 10:51:03 »
sono ancora qui a chiedere aiuto sul problema header che non riesco a risolvere.
sito: http://www.118taranto.it/joomla
come potete vedere il logo è disallineato,
ho cercato il riferimento nei vari css del template ma non lo vedo
avevo utilizzato un alternativa modificando direttamente il file index del template, ma il risultato non è soddifacente, in home tutto regolare ma passando in articoli alcune parti sparivano......
qlc mi aiuta a ritrovare il pezzo di codice per allineare questa immagine?
« Ultima modifica: 12 Dic 2012, 01:40:18 da emj »

Offline Rasjah

  • Abituale
  • ****
  • Post: 959
  • Sesso: Maschio
    • Mostra profilo
Re:allineamento logo Header
« Risposta #1 il: 10 Dic 2012, 13:39:03 »
All'interno del tuo templates.css alla riga 47, prova ad aggiungere questa istruzione


#logo {
   width: auto;
   overflow:hidden;
margin-top:10px;
}

chiaramente puoi cambiare la distanza cambiando il numero di px
« Ultima modifica: 10 Dic 2012, 13:41:04 da Rasjah »

Offline ellezero

  • Global Moderator
  • Abituale
  • ********
  • Post: 1436
  • Sesso: Femmina
    • Mostra profilo
Re:allineamento logo Header
« Risposta #2 il: 10 Dic 2012, 13:44:25 »
e' un po un trucchetto perche per sistemare bene l'immagine io la toglierei dall'index e la metterei come sfondo in una classe nel css, e poi comporrei il div header da due div(entrambi float left cosi si affiancano) con le due immagini a sfondo. (nn so se son stata chiara)

ma se tu prendi in colors.css e aggiungi
a.imglogo {    color: #DDDDDD !important;
margin-top:19px;
}
si allineano, poi dovrai intervenire sul padding dell'header se vuoi centrarlo, ma il problema, secondo me, e' che dovresti togliere quell'immagine da li e inserirla nel css :)

Offline emj

  • Nuovo arrivato
  • *
  • Post: 43
    • Mostra profilo
Re:allineamento logo Header
« Risposta #3 il: 11 Dic 2012, 14:23:46 »
All'interno del tuo templates.css alla riga 47, prova ad aggiungere questa istruzione


#logo {
   width: auto;
   overflow:hidden;
margin-top:10px;
}

chiaramente puoi cambiare la distanza cambiando il numero di px
...non ha funzionato :(

Offline emj

  • Nuovo arrivato
  • *
  • Post: 43
    • Mostra profilo
Re:allineamento logo Header
« Risposta #4 il: 11 Dic 2012, 14:27:56 »
e' un po un trucchetto perche per sistemare bene l'immagine io la toglierei dall'index e la metterei come sfondo in una classe nel css, e poi comporrei il div header da due div(entrambi float left cosi si affiancano) con le due immagini a sfondo. (nn so se son stata chiara)

ma se tu prendi in colors.css e aggiungi
a.imglogo {    color: #DDDDDD !important;
margin-top:19px;
}
si allineano, poi dovrai intervenire sul padding dell'header se vuoi centrarlo, ma il problema, secondo me, e' che dovresti togliere quell'immagine da li e inserirla nel css :)
si conosco questa procedura ma ha il difetto che funge bene con mozilla e altri ma non con il cess.... di IE
cmq ora è allineato seconda la tua procedura ma non capisco il nero intorno dove lo prende l'header ho dato esattamente l'altezza del logo e se lo tolgo scompare....
continuerò a smanettare ...vedremo cosa succede....almeno ora è allineato
problema già riscontrato per il footer

Offline emj

  • Nuovo arrivato
  • *
  • Post: 43
    • Mostra profilo
Re:allineamento logo Header
« Risposta #5 il: 11 Dic 2012, 15:34:07 »
nulla ho dovuto fare alla vecchia maniera
modificando l'index del template, che ora appare corretto in quasi tutte le pagine
dico quasi perchè nasce un altro errore >:( >:( >:( >:( >:( >:(
se apro un articolo per leggerlo tutto mi scompare parte dell'header e del footer
misteri di joomla o un bug del template base?

Offline emj

  • Nuovo arrivato
  • *
  • Post: 43
    • Mostra profilo
Re:allineamento logo Header
« Risposta #6 il: 12 Dic 2012, 01:39:36 »
mi autorispondo e mi autoaffliggo
rivedendo il codice che ho inserito era saltata una chiusura di un div....
ora direi che è perfetto e senza errori
almeno per ora

Offline emj

  • Nuovo arrivato
  • *
  • Post: 43
    • Mostra profilo
Re:allineamento logo Header
« Risposta #7 il: 12 Dic 2012, 01:44:50 »
e' un po un trucchetto perche per sistemare bene l'immagine io la toglierei dall'index e la metterei come sfondo in una classe nel css, e poi comporrei il div header da due div(entrambi float left cosi si affiancano) con le due immagini a sfondo. (nn so se son stata chiara)

ma se tu prendi in colors.css e aggiungi
a.imglogo {    color: #DDDDDD !important;
margin-top:19px;
}
si allineano, poi dovrai intervenire sul padding dell'header se vuoi centrarlo, ma il problema, secondo me, e' che dovresti togliere quell'immagine da li e inserirla nel css :)
.....giusto per chi ha lo stesso problema
settando il margin-top: 19px; ottenevo sopra e sotto l'immagine una banda nel mio caso nera
settando invece margin-top: -19px; l'allineamento era perfetto senza bande 8)

 

Host

Torna su