Allineamento immagine dell'header

[TH3WiZARD]

Salve

ho un problemino con l'header del mio template, nel senso che inserisco l'immagine di header nel sito, ma se la risoluzione di visualizzazine è troppo elevata, l'header viene automaticamente riallineato ed affiancato a destra, c'è un modo per modificare questa impostazione dicendogli esempio di tenerlo centrato ed affiancare ai bordi?


grazie
arrivederci


** titolo modificato **

[joomlapixel]

Un link
fd

[TH3WiZARD]

Scusa la mia ignoranza, sono un profano di codici,

che vuol dire
"Un link fd"
??

grazie

[sara82]

fd = franco danese.. 
Franco ti ha chiesto un link da visionare.. 

[joomlapixel]

E se possibile il nome del template,presumo che sia un template in tabelle,dato l'errore
fd= franco danese

[TH3WiZARD]

gaaaaaaaaaaaaaaffff!

scusate per la magra figura,

il link al mio sito è: www.legio.netsons.org

il template utilizzato è plattform, reperibile al sito http://www.ah-68.de/index.php?option=com_content&task=view&id=60&Itemid=115


l'immagine inserita come header è troppo alta, va ridimensionata, ma se noterete quando si aumente la risoluziond di visualizzazione olre i 1024x768 si hanno problemi di allineamento.

grazie

[joomlapixel]

A 1280 lo vedo bene....forse ti riferisci al fatto che  l'immagine in testata si ripete?
realizza un immagine + grande e mettila come sfondo.
fd

[TH3WiZARD]

ho provato a ridimensionare l'immagine, ma mmmmm non sono contento... , ridimensionandola, non viene bene.



ho pensato una cosa molto più semplice, posso eliminare il comando che in automatico mi fa affiancare l'immagine di header quando la risoluzine dello schermo è troppo elevata?

in modo tale da ottenere una immagile statica che non si affianca o sposta, rimane li, centrata, anche se la risoluzione varia.

richiesta troppo esagerata?

grazie
poi prometto che la smetto

[3mentina]

questo è il tuo css:

Codice: [Seleziona]

#header {
background-color : #131313;
height : 128px;
background-repeat : repeat-x;
float : left;
background-image : url(../images/header.gif);
margin-top : 12px;
margin-bottom : 12px;
border : 1px solid #010101;
width: 100%;
}
per cominciare,
modificalo togliendo:

Codice: [Seleziona]

background-repeat : repeat-x;
float : left;
        background-image : url(../images/header.gif);
e inserendo

Codice: [Seleziona]

background: url(../images/header.gif)no-repeat;
background-position: center center;
Lo spazio immagine è alto 128px, dunque devi ritagliarla.


Se non si centra così ci sono altri sistemi

[joomlapixel]

Non mi rifarei ad una centratura dell'immagine bensì alla variazione in larghezza della stessa per far sì che si adatti....
il codice postato da 3mentina con il parametro no repeat è giusto
basta soltanto creare un immagine che mantenga l'altezza ed abbia una larghezza maggiore.
ad esempio 1280x128(questo garantisce una visione ottimale fino a quelle risoluzioni),l'immagine verrebbe tagliata e mostrata a seconda delle risoluzioni
fd

[TH3WiZARD]

Ok appena avrò un attimo di tempo libero, ci voglio provare, tanto massimo ho tutte le copie di backup possibili ed immaginabili, ripristino quelle...

vediamo se ce la farò, date le spiegazioni direi di si, appena ho fatto posto i risultati.

nel frattempo, vi ringrazio dell'aiuto.
ciao (vi posso dare del tu?)

[TH3WiZARD]

Rieccoci, finalmente ho avuto un po di tempo a disposizione e sono riusci a provare il codice postto da 3mentina, è perfetto, l'immagine si centra perfettamente indipendentemente dalla risoluzione utilizzata.



grazie anocra
arrivederci