phpBB España Oficial

Publicado: **28 Feb 2013, 15:49**

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

Publicado: **03 Mar 2013, 18:03**

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.

Publicado: **03 Mar 2013, 19:14**

Alorse escribió:Si quieres centrar una imagen, debes hacerlo respecto a algo...

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

Publicado: **03 Mar 2013, 20:15**

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.

Publicado: **03 Mar 2013, 20:24**

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

Publicado: **03 Mar 2013, 22:03**

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

Publicado: **03 Mar 2013, 22:33**

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

padding-right:5px

Publicado: **04 Mar 2013, 19:55**

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

Publicado: **04 Mar 2013, 20:19**

Lo marco como solucionado.

phpBB España Oficial

Centrar verticalmete Banner

Centrar verticalmete Banner

Re: Centrar verticalmete Banner

Re: Centrar verticalmete Banner

Re: Centrar verticalmete Banner

Re: Centrar verticalmete Banner

Re: Centrar verticalmete Banner

Re: Centrar verticalmete Banner

Re: Centrar verticalmete Banner Tema Solucionado

Re: Centrar verticalmete Banner