Ciao a tutti
comincio col dire che ho cercato sia qui che su altre risorse, ma non riesco a risolvere il mio problema.
Ho una pagina con un div wrapper che ne contiene a sua volta altri tre
<wrapper>
<prev>
<content---->immagine centrata cliccabile>
<next>
</wrapper>
queto schematicamente
next e prev contengono due piccole frecce per scorrere le immagini dela galleria
il mio problema è l'immagine che non riesco a centrare verticalmente all'interno del div.
Le immagini sono di diverse altezze, quindi non posso dare un padding specifico per distanziarle,
ho provato utilizzando (dato che il content è alto 360 px)
#content{.....
line-hegiht:360px;
text-align:center;}
#content a img{vertical-align:middle;}
Le alternative che avevo trovato erano due:
o creare un'altro div esterno al content centrandolo settando la distanza top:50%
oppure da php andare ad estrapolare l'altezza dell'immagine e calcolare il padding da applicare sapendo che l'height del content è 360px, ma mi sembra davvero troppo
Grazie e spero i essere stato esauriente

Rispondi quotando