RISOLTO - Diminuire altezza header

[marcob]

Ciao a tutti. Ho un'immagine  da inserire nell'header,ma è più piccola rispetto a quest'ultimo, ho provato ad ingrandirla ma il risultato non è dei migliori, vorrei sapere, a questo punto, se e come è possibile diminuire l'altezza dell'header in modo che possa usare l'immagine con le dimensioni originali. Grazie.
http://www.provaclerici.altervista.org/

[marcob]

Nessuno ha qualche idea?? Grazie.

[adottauncane]

Ciao marcob,
prova ad aggiungere al fondo del tuo template.css questa regola:

Codice: [Seleziona]

div.Header {

    height:150px;

}
dove a 150px sostituisci l'altezza che ti serve.

[caps]

nel template.css ci sono più voci da modificare ...
parti dalla riga 363 circa dove trovi height:225px;
riga 381 circa height:225px;
riga 407 circa height:225px;

se riduci i valori riduci l'altezza dello spazio riservato all'immagine ... fai delle prove perchè ci sono più immagini sovrapposte ... (firefox + firebug  )

[marcob]

Ok, provo e faccio sapere, grazie.

[conti1]

ciao
allora qui  x ridurre


template.css (riga 363)

Codice: [Seleziona]

div.Header  {
height:225px;<<<<<<<<<<qui
margin:0 auto;
position:relative;
width:1053px;
z-index:0;
}

qui x togliere i bordi dell'immagine vecchia



template.css (riga 381)

Codice: [Seleziona]

div.Header-png  {
background-image:url("../images/bordo.png");<<<qui
background-position:left top;
background-repeat:no-repeat;
height:225px;
left:0;
position:absolute;
top:0;
width:1053px;
z-index:-2;
}



e qui inserisci la tua nuova

template.css (riga 407)

Codice: [Seleziona]

div.Header-jpeg  {
background-image:url("../images/centro_FM.jpg");<<<qi
background-position:center center;
background-repeat:no-repeat;
height:225px;
left:0;
position:absolute;
top:0;
width:1053px;
z-index:-1;
}



[marcob]

Sembra funzionare, ma essendo in realtà 2 le immagini(un bordo e un centro) ho dovuto modificare anche:
div.Header-png  {
background-image:url("../images/bordo.png")
background-position:left top;
background-repeat:no-repeat;
height:225px;>>>>>>>>>>>>>>>>>>diventa150px
left:0;
position:absolute;
top:0;
width:1053px;
z-index:-2;
}

div.Header-jpeg  {
background-image:url("../images/centro_FM.jpg")
background-position:center center;
background-repeat:no-repeat;
height:225px;>>>>>>>>>>>>>>>>>diventa 150px
left:0;
position:absolute;
top:0;
width:1053px;
z-index:-1;
}

Grazie.