Come posso fare per modificare l'header?

[monak83]

Ciao a tutti, vorrei modificare il mio template visibile al seguente link www.coredilcostruzioni.it/index.php.
L'header è formato da due immagini: logo.gif (il logo) e header_bg.jpg (la gru).
Quello che vorrei riuscire a fare è spostare la gru tutta a destra lasciando il resto invariato.
Chi mi puo aiutare?
Ciao e grazie
Marco

[maicolstaip]

Devi editare qui:

Codice: [Seleziona]

#header .c1 {width:100%; margin:0px -242px 0px 0px; background:url(../images/header_bg.jpg) no-repeat top right; height:219px}


[monak83]

In che modo?
Il problema è che la "parte della gru" è dentro il div "main" e quindi non riesco a farlo uscire dai margini del corpo main.
Come posso fare?

[tonicopi]

Prova a cercare questo div nella index.php del template e portalo fuori dal main

Codice: [Seleziona]

<div id="header">
<div class="c1 column"><a href="index.php"><img alt="" src="http://www.coredilcostruzioni.it/templates/theme009/images/logo.gif"/></a></div>
<div class="c2 column">
<div class="space">
</div>
</div>
<div class="clr"/>
</div>lo metti proprio sopra il div main

[monak83]

Ok, perfetto, cosi funziona.
Ora per spostare il logo (la parte sinistra) e portarla più dentro a livello con la parte sinistra del main come posso fare?
Pensavo ad un "padding left" ma l'immagine non è caricata tramite css ma è nell'index.php.
Come posso fare?
Grazie mille.
Ciao Marco

[tonicopi]

Ad ogni azione c'è una reazione...
Ovviamente portando fuori l'header dal main anche l'immagine a destra subisce la stessa sorte di quella di sinistra...

Ma perchè dici che non la puoi ricalibrare dai css?
Eccola qui la regola per quell'immaginenel file template_css.css (line 270):

Codice: [Seleziona]

#header .c1 img {
margin:0px 0px 0px 36px;
}Ma io non la sposterei. Tu stai guardando il sito a 1280 pixel o più vero? Ma chi lo guarda a 1024 l'immagine la vede bene così com'è e la vedrebbe troppo spostata al centro se tu modifichi...

[monak83]

Grazie mille per la sua precisione e velocità nel rispondere.
Ora sono riuscito a fare ciò che volevo grazie a lei.
Non so come ringraziarla.
Per quanto riguarda la risoluzione dello schermo in effetti io sto testando a 1280x1024 e tutto è ok.
Ho provato a 1024x768 e in effetti il logo lo vedo troppo centrato se modifico "#header .c1".
C'è una soluzione per lasciare il logo sempre in linea con la parde sinistra del "main" a seconda delle varie risoluzioni?
Grazie mille.
Marco

[tonicopi]

Penso di si. A tutto c'è una soluzione. Ma non te la saprei dare così su due piedi. Magari adotta una soluzione di compromesso. Dato che la gru si sposta in ogni caso fuori dal main non è così male che lo faccia anche il logo a sinistra. Magari spostalo un pò con una regola a percentuale: sostituisci 36px con 5% .
non mi sembra male

Ma non mi dare del lei che mi fai sentire troppo vecchio!

[monak83]

Fatto, cosi penso possa andare.
Ultima cosa: il solito problema di visualizzazione tra IE e FF.
Infatti con IE sotto l'immagine della "gru" scompare la riga bianca (1px) che rifila la parte superiore del top menu di colore rosso mentre su FF è tutto ok.
Come posso fare per risolvere il problema su IE?
Grazie mille.
Ciao
Marco