Foros del Web » Creando para Internet » Sistemas de gestión de contenidos » WordPress »

Como alinear (centrar) dos imagenes con caption una al lado de la otra en un post

Estas en el tema de Como alinear (centrar) dos imagenes con caption una al lado de la otra en un post en el foro de WordPress en Foros del Web. Hola a todos, No estoy muy claro en como manipular los aspectos CSS dentro de Wordpress. Tengo dos imagenes con caption (texto descriptivo de la ...
  #1 (permalink)  
Antiguo 26/08/2009, 18:51
Avatar de Jesusguevarautomotri  
Fecha de Ingreso: enero-2006
Ubicación: Puerto Ordaz, Estado Bolivar
Mensajes: 106
Antigüedad: 18 años, 9 meses
Puntos: 0
Como alinear (centrar) dos imagenes con caption una al lado de la otra en un post

Hola a todos,

No estoy muy claro en como manipular los aspectos CSS dentro de Wordpress. Tengo dos imagenes con caption (texto descriptivo de la imagen) y no se como hacer para alinearlas (centrarlas) una al lado de la otra en un post. Si me pueden indicar "por donde van los tiros" les agradecería.

Código:
Párrafos anteriores XXXXX.
[caption id="attachment_1440" align="aligncenter" width="200" caption="Alternador Delco Remy 28SI, disponible en versiones de 160, 180 y 200 Amps, con sistema Delco Remote Sense y diseño para máximo enfriamiento. Lanzado en el año 2008. Imagen tomada de DelcoRemy.com, haga clic sobre la imagen para ir a la fuente original.Alternador Delco Remy 40SI, disponible en versiones de 240, 275 y 300 Amps, con sistema Delco Remote Sense y diseño para máximo enfriamiento. Lanzado en el año 2008. Imagen tomada de DelcoRemy.com, haga clic sobre la imagen para ir a la fuente original."]<img class="size-full wp-image-1440 " style="float:left;" title="Alternador Delco Remy 28SI" src="http://industriautomotrizdevenezuela.com/blog/wp-content/uploads/2009/08/Alternador-Delco-Remy-28SI.gif" alt="Alternador Delco Remy 28SI, disponible en versiones de 160, 180 y 200 Amps, con sistema Delco Remote Sense y diseño para máximo enfriamiento. Lanzado en el año 2008. Imagen tomada de DelcoRemy.com, haga clic sobre la imagen para ir a la fuente original." width="200" height="211" />[/caption]

[caption id="attachment_1441" align="alignnone" width="200" caption="Alternador Delco Remy 40SI, disponible en versiones de 240, 275 y 300 Amps, con sistema Delco Remote Sense y diseño para máximo enfriamiento. Lanzado en el año 2008. Imagen tomada de DelcoRemy.com, haga clic sobre la imagen para ir a la fuente original."]<a href="http://industriautomotrizdevenezuela.com/blog/wp-content/uploads/2009/08/Alternador-Delco-Remy-40SI.jpg"><img class="size-full wp-image-1441 " style="float:right;" title="Alternador Delco Remy 40SI" src="http://industriautomotrizdevenezuela.com/blog/wp-content/uploads/2009/08/Alternador-Delco-Remy-40SI.jpg" alt="Alternador Delco Remy 40SI, disponible en versiones de 240, 275 y 300 Amps, con sistema Delco Remote Sense y diseño para máximo enfriamiento. Lanzado en el año 2008. Imagen tomada de DelcoRemy.com, haga clic sobre la imagen para ir a la fuente original." width="200" height="183" /></a>[/caption]
Párrafos siguientes XXXXX.
__________________
jesusguevarautomotriz
Industria Automotriz de Venezuela - blog
Internet al dia - blog
  #2 (permalink)  
Antiguo 27/08/2009, 23:40
Avatar de Jesusguevarautomotri  
Fecha de Ingreso: enero-2006
Ubicación: Puerto Ordaz, Estado Bolivar
Mensajes: 106
Antigüedad: 18 años, 9 meses
Puntos: 0
Respuesta: Como alinear (centrar) dos imagenes con caption una al lado de la otra en

Pues al final lo que hice fue alinear las dos imágenes a la derecha (align="alignright"), quedando una al lado de la otra tal como yo quería. Pero quedaron integradas al resto del testo del post y eso era lo que no quería. Deseaba ponerlas en unas lineas aparte, que estuvieran las dos imágenes "solas sin estar alineadas con los textos de los párrafos del post".

De hecho, eso es posible hacerlo perfectamente en las imagenes sin caption, nos paramos en una linea en blanco, insertamos una imagen sin caption, damos un espacio (tecla espaciadora), insertamos la otra, luego presionamos el boton centrar y listo, tienes dos imagenes centradas en una linea (como en Ms Word).

Pero cuando agrego un caption ([caption id="attachment_1440.... - Nota al pie de la imagen) no se como hacer para lograr el efecto que deseo.

Coloco esto, por si no me he sabido explicar intentando complementar mi solicitud, disculpen lo pesado :). También entiendo que mi respuesta no tiene que ser necesariamente respondida.
__________________
jesusguevarautomotriz
Industria Automotriz de Venezuela - blog
Internet al dia - blog
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:37.