Centrare un Immagine

[twixt3r]

Ho questo codice:


<style type="text/css"> body{ margin-top: 250px;}
div.topbanner { top: 0; left: auto; margin-left: -383px; height: 250px; position: absolute; }
</style>
<div class="topbanner">[img]URLIMMAGINE[/img]</div>



come faccio a posizionare l immagine al centro?
Ho provato ad aggiungere align="center" ma non funziona!

[petrox81]

penso che devi sostituire

left: auto; margin-left: -383px;

con

align="center"

[G.Pippo]

Se gli dai una position: absolute; gli dai già una posizione e non si potrà mai centrare

[twixt3r]

Ho cambiato in questo modo:

<style type="text/css"> body{ margin-top: 250px;}
div.topbanner { top: 0; left: auto; margin-left: -383px; height: 250px; }
</style>
<div class="topbanner" align="center">[img]URL[/img]</div>


ma ora me lo mette proprio AL CENTRO della pagina, non al centro sopra, ma proprio in mezzo...
Why?!

[Myaku]

questo thread è riferito all'intero layout, ma il procedimento di base è lo stesso
oppure, prova a vedere se inserendo l'immagine in un paragrafo con text-align: center funziona anche nel tuo caso

[G.Pippo]

<style type="text/css"> body{ margin-top: 250px;}
div.topbanner { 
height: 250px; 
width: num_pixelpx;
margin: 0 auto;
}
</style>

.................

<div class="topbanner">[img]URL[/img]</div>