Centrar verticalmete BannerTema Solucionado

[chav]

URL: http://www.ffm.cl
Versión phpBB: 3.0.11
MODs Instalados: Prime Links, Share_On_1.0.2, +1, contact_admin_306, reimg_image_resizer_2_0_0,Formato Móvil para phpBB3
Plantilla(s) usada(s): Ultra green
Servidor: Linux, de pago, Sitio Host
Actualización desde otra versión: No
Conversión desde otro sistema de foros: No

Puse un banner al lado de las reglas del foro y hay algo estético que me gustaría me ayudaran a solucionar, y es centrar verticalmente el banner .

El código es este

Código: Seleccionar todo

<a href="http://www.ffm.cl/viewtopic.php?f=9&t=6694"><img alt="" src="http://www.ffm.cl/funcion/dia_bosques.png" style="float: right; bottom:0px; right:0px;" /></a>
    <!-- IF S_FORUM_RULES -->
       <div class="rules" style="width: 78%">

yo agregué align="middle"

Código: Seleccionar todo

<a href="http://www.ffm.cl/viewtopic.php?f=9&t=6694"><img src="http://www.ffm.cl/funcion/dia_bosques.png" alt="" align="middle" style="float: right; bottom:0px; right:0px;" /></a>
    <!-- IF S_FORUM_RULES -->
       <div class="rules" style="width: 78%">

pero queda igual que antes.

Habrá alguna forma de hacer que se vea mejor que como se ve en la captura



Uploaded with ImageShack.us

Gracias

[Alorse]

Si quieres centrar una imagen, debes hacerlo respecto a algo, en este caso la imagen debe estar dentro del div class="rules" de lo contrario no la puedes centrar respecto a esto.

[chav]

Si quieres centrar una imagen, debes hacerlo respecto a algo...

ahí está el punto!, las posiciones son relativas ... , veré si me resulta.
Gracias

[chav]

Lo dejé así

Código: Seleccionar todo

<div class="rules" style="width: 85%">
		<a href="http://www.ffm.cl/viewtopic.php?f=9&t=6694"><img src="http://www.ffm.cl/funcion/dia_bosques.png" alt="" height="124" align="middle" style="float: right; bottom:5px; right:0px;" /></a> 
		<div class="inner"><span class="corners-top"><span></span></span>

hasta le aumenté el alto a la imagen y no resulta. Pero es un detalle muy menor que cualquiera diría que pal tráfico que tiene, no merece la pena.

Gracias por el tiempo.

[Alorse]

En vez de bottom:5px pon padding-top:5px puede que se ubique mejor.

[chav]

Tienes razón se ubica mejor , solo que queda pegado al margen derecho y sólo me está funcionando en el viewtopic. Lo quito mientras veo porque me "resulta" solo en un lado.

¿Cómo podría agregar un margen a la derecha de la imagen?



Uploaded with ImageShack.us

Gracias

[Alorse]

¿Cómo podría agregar un margen a la derecha de la imagen?

padding-right:5px

[chav]

Finalmente lo dejé "tal cual" sin meterlo dentro del div ... y se ubicó mejor sólo usando/agregando padding-top:10px; padding-right:10px;

Gracias

[ThE KuKa]

Lo marco como solucionado.