Alzare immagine

[raffo92]

Vorrei alzare la finestra centrale che vedete sul sito http://www.programania.netau.net/index.html
cosa devo fare?

[Cypher86]

prova con una cosa del genere applicata al <div> che ti interessa

<STYLE>
BODY { margin-top: 10px; margin-right; 10px; margin-bottom: 10px; margin-left: 10px }
</STYLE>

[for-if-while]

Sul file css che usi ho notato che il div con "id=header" (che poi sarebbe quello che contiene la finestra) ha questa coppia attributo-valore: "margin: 142px auto;". Questo significa che quel div si troverà (per quanto riguarda sopra e sotto) a 142 pixel di distanza di qualsiasi altro tag. Mentre si regolerà automaticamente (auto) con i margini destro e sinistro. In poche parole: devi "ridurre" quel 142px se vuoi "alzare" la finestra.

[raffo92]

Originariamente inviato da for-if-while
Sul file css che usi ho notato che il div con "id=header" (che poi sarebbe quello che contiene la finestra) ha questa coppia attributo-valore: "margin: 142px auto;". Questo significa che quel div si troverà (per quanto riguarda sopra e sotto) a 142 pixel di distanza di qualsiasi altro tag. Mentre si regolerà automaticamente (auto) con i margini destro e sinistro. In poche parole: devi "ridurre" quel 142px se vuoi "alzare" la finestra.

Si avevo già provato però le altre 2 immagini (dell'id body e footer) non vengono poi adattate alla prima

[for-if-while]

Dovresti modificare anche quelle

#body {
	width: 977px;
	height: 187px;
	margin: -143px auto;
	background: url(part2.gif) no-repeat left top;
}

#footer {
	width: 977px;
	height: 86px;
	margin: 143px auto;
	background: url(part3.png) no-repeat left top;
}

come vedi #body -> margin: -143px auto;
e #footer -> margin: 143px auto;

se fai #header -> margin: 20px auto; (per esempio)
allora dovrai fare
#body -> margin: -21px auto;
#footer -> margin: 21px auto;

[raffo92]

Originariamente inviato da for-if-while
Dovresti modificare anche quelle

#body {
	width: 977px;
	height: 187px;
	margin: -143px auto;
	background: url(part2.gif) no-repeat left top;
}

#footer {
	width: 977px;
	height: 86px;
	margin: 143px auto;
	background: url(part3.png) no-repeat left top;
}

come vedi #body -> margin: -143px auto;
e #footer -> margin: 143px auto;

se fai #header -> margin: 20px auto; (per esempio)
allora dovrai fare
#body -> margin: -21px auto;
#footer -> margin: 21px auto;

ci sono riuscito grazie