Modifica header CSS

[Marta_Mower]

Ciao a tutti
mi chiamo Marta e vorrei costruire un sito web. Conosco bene l'(X)HTML, ma purtroppo sono assai inesperta per quel che riguarda i CSS. Non sapendone costruire uno io, ho navigato molto per internet ed alla fine ho trovato un modello che fa per me, proprio in questa pagina. Sono riuscita a scaricarlo con successo, ma vorrei ampliare l'altezza dell'header preimpostata, facendola passare da 90 (qual è attualmente) a qualcosa (poi deciderò) che si aggiri intorno a 140, 150 o 160 px. Il problema è che, qualsiasi valore io inserisca superiore a 90, la struttura dell'header si scombina e il motivo floreale ai lati scompare del tutto, lasciando lo spazio al solo sfondo monocromatico. Posso domandarvi perché si verifica questo e come posso risolvere il problema?

Grazie a tutti coloro che avranno la pazienza di rispondermi.

[Prill]

L'altezza dell'header può essere modificata senza difficoltà variando il valore di height qui:

#templatemo_header {
	width: 950px;
	height: 90px; 
	margin: 0 10px;
	background: url(images/templatemo_header.png) repeat-y;
}

però dovresti allo stesso tempo modificare l'immagine di sfondo al body (templatemo_body.jpg)
ampliando la fascia sfumata superiore che fa da sfondo all' header e che è alta 90 pixel oppure più semplicemente lasci quella com'è e crei uno sfondo che riproduca quella fascia e lo imposti come sfondo di #templatemo_header sostituendola allo fondo attuale che è una striscia di color verde
L'immagine, per capirci dovrebbe essere del tipo di quella che allego (alta almeno quanto l'altezza che vuoi abbia l'header, meglio se di più, tanto la parte eccedente non verrà visualizzata).

[Marta_Mower]

Ciao
Grazie mille per la risposta.
Posso gentilmente chiedere come effettuare le modifiche che mi hai consigliato? Grazie.

[Prill]

Fai una prova direttamente con l'immagine che ho allegato salvandola e inserendola nella cartella images, poi apri, anche con Blocco Note, e il file templatemo_style.css, trova la parte relativa all'header e modificalo a questa maniera:

#templatemo_header {
	width: 950px;
	height: 160px; 
	margin: 0 10px;
	background: url(images/header.jpg);
}

indicando il nuovo sfondo e la nuova altezza.
Potrai modificare lo sfondo come meglio credi, riadattando l'immagine o creandone una nuova attraverso un programma specifico

[Marta_Mower]

Ti ringrazio molto. Ho provato a modificare l'header come mi hai indicato e l'header ha le giuste dimensioni, ma ancora il motivo floreale è del tutto scomparso...
Non so spiegare perché, però...

[Prill]

Non so cosa hai modificato. Nella cartella originale del template le pagine html sono nella stessa cartella di templatemo_style.css e le immagini in una cartella images. Il motivo floreale è lo sfondo di body (templatemo_body.jpg) impostato nello stesso css.
Se sposti file o cartelle, gli uni rispetto alle altre, attenzione ad aggiornare anche i percorsi.

Se non hai fatto spostamenti forse hai modificato il codice html e cancellato qualcosa che non dovevi (ad esempio div sui quali era impostato un clear, avendo elementi affiancati con la proprietà float).
Prova a ripartire dalla versione originale e fai una modifica alla volta, testando ogni volta con il browser.

[Marta_Mower]

Avevi proprio ragione, il mio editor aveva modificato una stringa del body, scombinando l'intera struttura. Ho risolto il problema grazie a te! Grazie davvero

[Prill]

Prego, ciao