Joomla.it Forum

Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : ElimGarak 01 Apr 2008, 14:47:15

: [RISOLTO] Posizionare una immagine centralmente nell'header
: ElimGarak 01 Apr 2008, 14:47:15
Ciao a tutti!!!
Ho una png trasparente da sistemare esattamente al centro dell'header.
Lavorando esclusivamente con IE, ero riuscito a sfruttare questo "escamotage" rozzo:

div#logo {
   position: absolute;
   left: 158px;
   top: -5px;
   float: left;
   width: 765px;
   height: 100px;
   background: url(../images/titolotrasp.png) 0 0 no-repeat;
/   margin-left: 30px;
/   margin-top: 25px;
   overflow: hidden;

Ovviamente, una volta visualizzato il tutto sotto Firefox, è andato a quel paese.

Potete vedere nell'immagine un paragone fra i due.
Il monitor a sinistra (IE) è a 1280X800.
Quello a destra (FF) è 1280X1024.

(http://img246.imageshack.us/img246/9388/scrittacentralekk5.th.jpg) (http://img246.imageshack.us/my.php?image=scrittacentralekk5.jpg)


Come posso fare? Mi sto impazzanedo ma non ne vengo a capo. Se provo a usare "center" come position, l'immagine con la scritta finisce tutta in basso a destra dell'header.

Grazie mille!!!

Come posso fare? Mi sto impazzanedo ma non ne vengo a capo. Se provo a usare "center" come position, l'immagine con la scritta finisce tutta in basso a destra dell'header.

Grazie mille!!!
: Re: Posizionare una immagine centralmente nell'header
: .Andrea S. 01 Apr 2008, 15:07:15
il template ha una larghezza fissa giusto?

Se si allora imposta un margine "left" più ampio
ad esempio:
:
div#logo {
position: absolute;
left: 0;
top: 0;
float: right;
width: 298px;
height: 75px;
background: url(../images/mw_joomla_logo.png) 0 0 no-repeat;
margin-left: 300px;
margin-top: 25px;
}

(ovvio devi trovare la giusta misura in relazione a quanto è grande la tua img e quanto è largo il template)
: Re: Posizionare una immagine centralmente nell'header
: ElimGarak 01 Apr 2008, 16:00:22
Sì, ha una larghezza fissa. Non per scelta, ma per necessità. Se lo lasciavo fluido, ridimensionando andava tutto fuori posizione. Se c'è una soluzione, è ben accetta. ^__^

Una domanda. Ma se aumento il margine per centrarlo in FF, poi non si decentra in IE?
: Re: Posizionare una immagine centralmente nell'header
: .Andrea S. 01 Apr 2008, 16:01:50
non dovrebbe, l'unica è provare.  ;)
: Re: Posizionare una immagine centralmente nell'header
: ElimGarak 01 Apr 2008, 16:15:34
Che stupido che sono!!!
Mi è bastato de-commentare le impostazioni dei margini. Le avevo escluse per fare una prova e non le avevo più rimesse a posto. Grazie! ^__^