Como centralizar imagens em posts de forma efetiva

remyhn · 29/09/2011

bueno, me diran todos es tan simple, solo tienes que presionar en boton de centrar o las imagenes se centran automaticamente, o quiza me diran q lo haga por medio de codigo, pero resulta que he probado las 3 formas anteriores y mis imagenes no se alinean al centro como yo lo deseo....

vean este post: Enlace eliminado

ahi probe de las formas anteriores, pero creo q se debe a algun codigo CSS o algo en la plantilla, si pueden echarme una mano se los agradecere!

ElTraqueteoNet · 29/09/2011

Solo debes de utilizar los tags: <center> y </center>

Por ejemplo:

<center><div class="separator" style="clear: both; text-align: center;">
<a href="http://ejemplo de url" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="209" src="http://ejemplo de url" width="320" /></a></div></center>

Espero te ayude...

remyhn · 29/09/2011

Gracias por la respuesta ElTraqueteoNet, probe hacerlo de la forma que dices y aun estoy igual...
Alguna otra idea?

ElTraqueteoNet disse:
Solo debes de utilizar los tags: <center> y </center>

Por ejemplo:

<center><div class="separator" style="clear: both; text-align: center;">
<a rel="nofollow" href="http://ejemplo de url" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="209" src="http://ejemplo de url" width="320" /></a></div></center>

Espero te ayude...

rayden · 29/09/2011

bueno, me diran todos es tan simple, solo tienes que presionar en boton de centrar o las imagenes se centran automaticamente, o quiza me diran q lo haga por medio de codigo, pero resulta que he probado las 3 formas anteriores y mis imagenes no se alinean al centro como yo lo deseo....

Mira es muy simple de resolver solo tienes que presionar el boton de centrar... jejeej perdona el trolleo jejeje.

Ve a tu css y busca esto .entry img

Te aparece de esta forma:

.entry img {
max-width: 557px;
background: #202020;
border: 1px solid #2B2B2B;
margin: 10px 20px 10px 0px;
padding: 10px;
float: left;
}

Entonces eliminas esta palabrita float: left;

Te debe quedar asi:

.entry img {
max-width: 557px;
background: #202020;
border: 1px solid #2B2B2B;
margin: 10px 20px 10px 0px;
padding: 10px;
}

Listo...

remyhn · 29/09/2011

Listo, lo he solventado, mil gracias pocoyo 😛8:😛8:😛8:

pocoyo disse:
Mira es muy simple de resolver solo tienes que presionar el boton de centrar... jejeej perdona el trolleo jejeje.

Ve a tu css y busca esto .entry img

Te aparece de esta forma:

.entry img {
max-width: 557px;
background: #202020;
border: 1px solid #2B2B2B;
margin: 10px 20px 10px 0px;
padding: 10px;
float: left;
}

Entonces eliminas esta palabrita float: left;

Te debe quedar asi:

.entry img {
max-width: 557px;
background: #202020;
border: 1px solid #2B2B2B;
margin: 10px 20px 10px 0px;
padding: 10px;
}

Listo...

avsiller · 29/09/2011

jajajaj hay que aprender css ya que ahora es como la popular del cole, hasta los mas feos y que no la entienden quieren salir con ella... Vaya metafora.

Es como la del batman y robin de la web ¿Quienes Son?

remyhn · 29/09/2011

Bueno, me recomiendan algun librito en español para aprender como salir con la chica popular de a web
algun librito de CSS en español?

avsiller disse:
jajajaj hay que aprender css ya que ahora es como la popular del cole, hasta los mas feos y que no la entienden quieren salir con ella... Vaya metafora.

Es como la del batman y robin de la web ¿Quienes Son?

shadowhck · 29/09/2011

remyhn disse:
Bueno, me recomiendan algun librito en español para aprender como salir con la chica popular de a web
algun librito de CSS en español?

w3schools y prueba error.

Queru · 30/09/2011

pocoyo disse:
Mira es muy simple de resolver solo tienes que presionar el boton de centrar... jejeej perdona el trolleo jejeje.

Ve a tu css y busca esto .entry img

Te aparece de esta forma:

.entry img {
max-width: 557px;
background: #202020;
border: 1px solid #2B2B2B;
margin: 10px 20px 10px 0px;
padding: 10px;
float: left;
}

Entonces eliminas esta palabrita float: left;

Te debe quedar asi:

.entry img {
max-width: 557px;
background: #202020;
border: 1px solid #2B2B2B;
margin: 10px 20px 10px 0px;
padding: 10px;
}

Listo...

Llevaba buscando como arreglar este problema mucho tiempo y gracias a esto solucionado.

Muchas gracias 😉

jonay · 30/09/2011

remyhn disse:
Bueno, me recomiendan algun librito en español para aprender como salir con la chica popular de a web
algun librito de CSS en español?

LibrosWeb.es - Libros gratuitos sobre HTML, CSS, JavaScript, AJAX y otras tecnologías web

Como centralizar imagens em posts de forma efetiva

remyhn

ElTraqueteoNet

remyhn

rayden

remyhn

avsiller

remyhn

shadowhck

Queru

jonay

Tópicos similares