Ciao, premetto che non condivido, ad oggi, l'uso di css in linea, mischiato peraltro ad attributi di formattazione come è visibile sul tuo codice; questo va contro i principi del moderno web-design. Ovviamente prendila giusto come una critica costruttiva.
A parte questa parentesi, un metodo per centrare elementi con dimensioni fisse, può essere quello di impostare top e left al 50%; questo porterà gli elementi al centro dell'elemento contenitore ma tenendo come punto di riferimento, degli elementi, l'angolo alto sinistro. Per "aggiustare il punto di riferimento" si può impostare un margine negativo in base alla metà delle relative dimensioni degli elementi stessi.
Più facile farlo che dirlo....
codice:
<!DOCTYPE HTML>
<html>
<head>
<title>Esempio</title>
<meta charset="utf-8">
<style type="text/css">
.img-centro>img{
width: 200px;
height: 150px;
position: absolute;
top: 50%;
left: 50%;
margin: -75px 0 0 -100px; /* margin-top e margin-left sono la metà delle dimensioni height e width, in valore negativo */
}
.img-centro>first-child{
z-index: -1;
}
.img-centro>first-child{
z-index: 1;
}
</style>
</head>
<body>
<div class="img-centro">
<img asrc="URLimmagine1" alt="">
<img asrc="URLimmagine2" alt="">
</div>
</body>
</html>
[Mod]
Quando posti del codice sul forum è opportuno utilizzare i tag di formattazione [CODE] (vedi regolamento di sezione). Grazie.
...solo, è mio compito da moderatore avvisare all'occorrenza gli utenti.
Rispondi quotando
