allineamento logo Header [RISOLTO]

[emj]

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?

[Rasjah]

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

[ellezero]

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

[emj]

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

[emj]

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

[emj]

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?

[emj]

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

[emj]

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