Centratura immagine

[Valeria75_bis]

Ciao a tutti, come posso centrare un'immagine con dimensioni

1020x567

Vorrei centrarla verticalmente ed orizontalmente


Grazie

[luca1962]

Ecco il codice per centarla orizzontalmente:

<p align=center>[img]nome_immagine.JPG/BMP[/img]</p>

Per centrarla verticalmente non conosco alcun codice.

[carlomarangoni]

<style>
img {
position: absolute;
top: 50%;
left: 50%;
margin: -283px 0 0 -510px;
}

[luca1962]

Scusa Carlo, ma dove inserisci il nome dell'immagine (es. a.jpg)?
E cosa stanno a significare i valori di margin?
Siccome il tuo tag non mi funzionava, ho cercato in internet e ho trovato questo:

<style type="text/css">
body{
background-image:url(nome_immagine.jpg);
background-position:center;
background-repeat:no-repeat;
}
</style>

e cosi' mi funziona.

[carlomarangoni]

Originariamente inviato da luca1962
Scusa Carlo, ma dove inserisci il nome dell'immagine (es. a.jpg)?
E cosa stanno a significare i valori di margin?
Siccome il tuo tag non mi funzionava, ho cercato in internet e ho trovato questo:

<style type="text/css">
body{
background-image:url(nome_immagine.jpg);
background-position:center;
background-repeat:no-repeat;
}
</style>

e cosi' mi funziona.

Originariamente inviato da luca1962
Ecco il codice per centarla orizzontalmente:

<p align=center>[img]nome_immagine.JPG/BMP[/img]</p>

Per centrarla verticalmente non conosco alcun codice.

Questa è la tua richiesta iniziale!

Quindi cosa centra con il background che è lo sfondo della pagina?

Io ti ho dato questo

<style>
img {
position: absolute;
top: 50%;
left: 50%;
margin: -283px 0 0 -510px;
}
</style>

che sono regole CSS per soddisfare la tua richiesta, (sai cosa sono i CSS?) e funzionano perfettamente