Cómo centrar imágenes en entradas de forma efectiva

[remyhn]

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]

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]

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

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]

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]

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

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]

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]

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?

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]

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]

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]

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