Se duplica el marco de las fotos y se unen.

• 

  tepinto · Miembro · marzo 9, 2010 at 2:33 pm

  • Copiar enlace
  • Añadir tema a favoritos

  Hola, primero que nada, agradezco de antemano la ayuda prestada. MI problema es el siguiente. Tengo un blog en el que prácticamente solo se agregan imágenes, en un principio estuvo todo bien, pero de un tiempo a esta parte al agregar más fotos estas se juntan y otras veces se separan, se duplica, triplica y hasta cuadruplica un marco (que no lo he puesto yo) y me cambia las proporciones de las fotos horizontales cuando agrego una vertical sobe ella. Esto comenzó hace un tiempo y no lo he podido resolver, pensé que era por la cantidad de imágenes, pero he visto que otros blogs tienen considerablemente más imágenes que yo y están ok. Todas las imágenes tienen el mismo tamaño. He estado revisando los foros relacionados, pero no he encontrado nada parecido. Al entrar al blog, pueden observar lo antes mencionado en las galerías: Felinos (la segunda foto), Personajes, entre otras.
  Gracias por la ayuda y espero puedan guiarme en este trance.
  Saludos.
  Patricio.

  El blog con el que necesito ayuda es (visible solo para usuarios conectados).

• 

  maniatica · Miembro · marzo 10, 2010 at 11:20 pm

  • Copiar enlace

  el marco aparece al colocar la leyenda, nunca ví que se multiplicaran así,
  tal vez ocurra porque no hay espacio entre las imágenes

  te sugiero probar espaciarlas desde el editor html, haciendo doble enter entre los códigos de las imágenes, y si así no se consigue espacio, insertando esta línea

  <div style="height: 2.5em; visibility: hidden;">?</div>

  para mayor o menor espaciado, se modifica el valor 2.5

  tal vez desaparezca el multiplicado, y si no, lo vemos

• 

  tepinto · Miembro · marzo 11, 2010 at 1:33 pm

  • Copiar enlace

  Gracias por la ayuda maniatica, pero hasta el momento no ha resultado. Nunca he trabajado con html, pero me di cuenta que algunos códigos están repetidos, precisamente en «Personajes» el que le da como 5 marcos a la primera imagen, los borré, pero al visualizar los cambios todas las imágenes se descontrolaron.
  Separé los códigos entre imágenes, pero no pasó nada, luego agregué el código y sí se separan, pero muchas siguen «unidas» por un fondo gris que hace de marco.
  Lo otro que me di cuenta es que no todas las imágenes tienen un código similar e imagino que deberían, pues las coloqué con las mismas indicaciones, ¿esto es así o solo mi ignorancia? En un momento pensé que era el tema y por eso lo cambié, al que estoy usando ahora pff. Trabajo desde apple, ¿será eso? En fin, gracias por la ayuda y atento a tus comentarios.
  Saludos.

• 

  maniatica · Miembro · marzo 11, 2010 at 5:39 pm

  • Copiar enlace

  entré a «Personajes» y sigo viendo unidas las imágenes, a excepción de la última
  creo que podríamos ayudarte mejor si vas al editor de la página, seleccionás la opción html, copiás todo el código que aparece allí

  y después lo pegás aquí entre acentos graves ( ` )

• 

  tepinto · Miembro · marzo 11, 2010 at 10:04 pm

  • Copiar enlace

  Aquí van los códigos de las tres primeras fotos de «Personajes»:

  ([caption id="attachment_153" align="aligncenter" width="346" caption="Biblioteca Viva Tobalaba"]
  <div class=»mceTemp mceIEcenter»><dl class=»wp-caption aligncenter»> <dt class=»wp-caption-dt»>
  <div class=»mceTemp mceIEcenter»><dl class=»wp-caption aligncenter»> <dt class=»wp-caption-dt»>
  <div class=»mceTemp mceIEcenter»><dl class=»wp-caption aligncenter»> <dt class=»wp-caption-dt»>
  <div class=»mceTemp mceIEcenter»><dl class=»wp-caption aligncenter»> <dt class=»wp-caption-dt»>
  <div class=»mceTemp mceIEcenter»><dl class=»wp-caption aligncenter»> <dt class=»wp-caption-dt»><img class=»size-full wp-image-236″ title=»PRO_6568″ src=»http://tepinto.wordpress.com/files/2009/09/pro_6568.jpg» alt=»» width=»346″ height=»511″ />[/caption]

  <img class=»size-full wp-image-235″ title=»PRO_6560″ src=»http://tepinto.wordpress.com/files/2009/09/pro_6560.jpg» alt=»» width=»455″ height=»308″ /></dt> <dd class=»wp-caption-dd»>Biblioteca Viva Tobalaba</dd> </dl></div>
  <img class=»size-full wp-image-234″ title=»PRO_6504″ src=»http://tepinto.wordpress.com/files/2009/09/pro_6504.jpg» alt=»» width=»346″ height=»511″ />

  </dt> <dd class=»wp-caption-dd»>Biblioteca Viva Tobalaba</dd> </dl></div>
  <img class=»size-full wp-image-233″ title=»PRO_6473″ src=»http://tepinto.wordpress.com/files/2009/09/pro_6473.jpg» alt=»» width=»346″ height=»511″ />)

• 

  galois · Moderador · marzo 11, 2010 at 10:14 pm

  • Copiar enlace

  Pégalo de nuevo por favor. Entre acentos graves como te dijo maniatica y sin los paréntesis.
  Es decir, para que salga el código correctamente, copia y pega el signo que está entre paréntesis (`) luego pegas todo el código HTML y luego cierras con el mismo signo que pusiste al principio.
  Normalmente, ese símbolo está en el teclado al lado de la letra P. Y también lo tienes dentro de un paréntesis debajo del recuadro donde escribes los comentaios aquí en el foro, al lado de la frase
  También puede poner código entre caracteres de acentos graves

• 

  tepinto · Miembro · marzo 12, 2010 at 12:49 pm

  • Copiar enlace

  Lo siento, aquí va nuevamente el código:

  [caption id="attachment_153" align="aligncenter" width="346" caption="Biblioteca Viva Tobalaba"]
  <div class=»mceTemp mceIEcenter»><dl class=»wp-caption aligncenter»> <dt class=»wp-caption-dt»>
  <div class=»mceTemp mceIEcenter»><dl class=»wp-caption aligncenter»> <dt class=»wp-caption-dt»>
  <div class=»mceTemp mceIEcenter»><dl class=»wp-caption aligncenter»> <dt class=»wp-caption-dt»>
  <div class=»mceTemp mceIEcenter»><dl class=»wp-caption aligncenter»> <dt class=»wp-caption-dt»>
  <div class=»mceTemp mceIEcenter»><dl class=»wp-caption aligncenter»> <dt class=»wp-caption-dt»><img class=»size-full wp-image-236″ title=»PRO_6568″ src=»http://tepinto.wordpress.com/files/2009/09/pro_6568.jpg» alt=»» width=»346″ height=»511″ />[/caption]

  <img class=»size-full wp-image-235″ title=»PRO_6560″ src=»http://tepinto.wordpress.com/files/2009/09/pro_6560.jpg» alt=»» width=»455″ height=»308″ /></dt> <dd class=»wp-caption-dd»>Biblioteca Viva Tobalaba</dd> </dl></div>
  <img class=»size-full wp-image-234″ title=»PRO_6504″ src=»http://tepinto.wordpress.com/files/2009/09/pro_6504.jpg» alt=»» width=»346″ height=»511″ />

  </dt> <dd class=»wp-caption-dd»>Biblioteca Viva Tobalaba</dd> </dl></div>
  <img class=»size-full wp-image-233″ title=»PRO_6473″ src=»http://tepinto.wordpress.com/files/2009/09/pro_6473.jpg» alt=»» width=»346″ height=»511″ />

  </dt> <dd class=»wp-caption-dd»>Biblioteca Viva Tobalaba</dd> </dl></div>
  <img class=»size-full wp-image-184″ title=»Maquillaje de payaso» src=»http://tepinto.wordpress.com/files/2009/09/pro_4650.jpg» alt=»Payasita» width=»346″ height=»511″ />

  </dt> <dd class=»wp-caption-dd»>Payasita</dd> </dl></div>

  [caption id="attachment_179" align="aligncenter" width="346" caption="Robot"]<img class=»size-full wp-image-179″ title=»Maquillaje de robot» src=»http://tepinto.wordpress.com/files/2009/09/pro_4580.jpg» alt=»Robot» width=»346″ height=»511″ />[/caption]`

• 

  tepinto · Miembro · marzo 12, 2010 at 12:52 pm

  • Copiar enlace

  [caption id="attachment_153" align="aligncenter" width="346" caption="Biblioteca Viva Tobalaba"]
  <div class="mceTemp mceIEcenter"><dl class="wp-caption aligncenter"> <dt class="wp-caption-dt">
  <div class="mceTemp mceIEcenter"><dl class="wp-caption aligncenter"> <dt class="wp-caption-dt">
  <div class="mceTemp mceIEcenter"><dl class="wp-caption aligncenter"> <dt class="wp-caption-dt">
  <div class="mceTemp mceIEcenter"><dl class="wp-caption aligncenter"> <dt class="wp-caption-dt">
  <div class="mceTemp mceIEcenter"><dl class="wp-caption aligncenter"> <dt class="wp-caption-dt"><a href="http://tepinto.wordpress.com/files/2009/09/pro_6568.jpg"><img class="size-full wp-image-236" title="PRO_6568" src="http://tepinto.wordpress.com/files/2009/09/pro_6568.jpg" alt="" width="346" height="511" /></a>[/caption]

  No sé si quedó bien el de arriba, agrego este para asegurar.

• 

  tepinto · Miembro · marzo 12, 2010 at 12:53 pm

  • Copiar enlace

  [caption id="attachment_153" align="aligncenter" width="346" caption="Biblioteca Viva Tobalaba"]
  <div class="mceTemp mceIEcenter"><dl class="wp-caption aligncenter"> <dt class="wp-caption-dt">
  <div class="mceTemp mceIEcenter"><dl class="wp-caption aligncenter"> <dt class="wp-caption-dt">
  <div class="mceTemp mceIEcenter"><dl class="wp-caption aligncenter"> <dt class="wp-caption-dt">
  <div class="mceTemp mceIEcenter"><dl class="wp-caption aligncenter"> <dt class="wp-caption-dt">
  <div class="mceTemp mceIEcenter"><dl class="wp-caption aligncenter"> <dt class="wp-caption-dt"><a href="http://tepinto.wordpress.com/files/2009/09/pro_6568.jpg"><img class="size-full wp-image-236" title="PRO_6568" src="http://tepinto.wordpress.com/files/2009/09/pro_6568.jpg" alt="" width="346" height="511" /></a>[/caption]
  
  <a href="http://tepinto.wordpress.com/files/2009/09/pro_6560.jpg"><img class="size-full wp-image-235" title="PRO_6560" src="http://tepinto.wordpress.com/files/2009/09/pro_6560.jpg" alt="" width="455" height="308" /></a></dt> <dd class="wp-caption-dd">Biblioteca Viva Tobalaba</dd> </dl></div>
  <a href="http://tepinto.wordpress.com/files/2009/09/pro_6504.jpg"><img class="size-full wp-image-234" title="PRO_6504" src="http://tepinto.wordpress.com/files/2009/09/pro_6504.jpg" alt="" width="346" height="511" /></a>
  
  </dt> <dd class="wp-caption-dd">Biblioteca Viva Tobalaba</dd> </dl></div>
  <a href="http://tepinto.wordpress.com/files/2009/09/pro_6473.jpg"><img class="size-full wp-image-233" title="PRO_6473" src="http://tepinto.wordpress.com/files/2009/09/pro_6473.jpg" alt="" width="346" height="511" /></a>
  
  </dt> <dd class="wp-caption-dd">Biblioteca Viva Tobalaba</dd> </dl></div>
  <img class="size-full wp-image-184" title="Maquillaje de payaso" src="http://tepinto.wordpress.com/files/2009/09/pro_4650.jpg" alt="Payasita" width="346" height="511" />
  
  </dt> <dd class="wp-caption-dd">Payasita</dd> </dl></div>
  
  [caption id="attachment_179" align="aligncenter" width="346" caption="Robot"]<img class="size-full wp-image-179" title="Maquillaje de robot" src="http://tepinto.wordpress.com/files/2009/09/pro_4580.jpg" alt="Robot" width="346" height="511" />[/caption]

• 

  ludusnaturae · Miembro · marzo 12, 2010 at 1:50 pm

  • Copiar enlace

  Creo que la cuestión es que el código [caption etc. etc.] tiene que estar para cada una de las imágenes, terminando [/caption] después de cada una.
  Si no es así van todas las fotos en el mismo marco, o esa curiosa multiplicación en «tepinto».

  No tuve experiencia semejante, pero sí que usando el editor visual, se metiera todo el texto posterior a la imagen dentro del pie de imagen (caption), y otras cosas rarísimas.

  El caso es que colocando los códigos [caption etc. etc.] y [/caption] al comienzo y al final de la parte correspondiente a la imagen (o a cada imagen) supongo que tiene que quedar todo correctamente, cada imagen con su marco.

• 

  maniatica · Miembro · marzo 12, 2010 at 3:26 pm

  • Copiar enlace

  usando las urls de tus imágenes y repitiendo las leyendas que usaste, el código html queda de este modo:

  [caption id="" align="aligncenter" width="346" caption="Biblioteca Viva Tobalaba"]<img src="http://tepinto.wordpress.com/files/2009/09/pro_6568.jpg" alt="" width="346" height="511" />[/caption]
  
  [caption id="" align="aligncenter" width="511" caption="Biblioteca Viva Tobalaba"]<img src="http://tepinto.wordpress.com/files/2009/09/pro_6560.jpg" alt="" width="511" height="346" />[/caption]
  
  [caption id="" align="aligncenter" width="346" caption="Biblioteca Viva Tobalaba"]<img src="http://tepinto.wordpress.com/files/2009/09/pro_6504.jpg" alt="" width="346" height="511" />[/caption]
  
  [caption id="" align="aligncenter" width="346" caption="Biblioteca Viva Tobalaba"]<img src="http://tepinto.wordpress.com/files/2009/09/pro_6473.jpg" alt="" width="346" height="511" />[/caption]
  
  [caption id="" align="aligncenter" width="346" caption="Payasita"]<img src="http://tepinto.wordpress.com/files/2009/09/pro_4650.jpg" alt="" width="346" height="511" />[/caption]
  
  [caption id="" align="aligncenter" width="346" caption="Robot"]<img src="http://tepinto.wordpress.com/files/2009/09/pro_4580.jpg" alt="" width="346" height="511" />[/caption]

  verás que hay bastante diferencia con los códigos que pegaste, con éstos las imágenes quedan perfectamente centradas, separadas y con un solo marco (el de la leyenda) en mi página de pruebas
  por favor, copialo y pegalo en tu editor html, a ver si queda bien en tu página también

• 

  maniatica · Miembro · marzo 12, 2010 at 3:29 pm

  • Copiar enlace

  (en mis códigos no hay id=»attachment_xxx» porque yo usé urls y vos las imágenes de tu biblioteca)

• 

  tepinto · Miembro · marzo 12, 2010 at 4:13 pm

  • Copiar enlace

  Gracias maniatica, pareciera que es mucho más certero trabajar directamente con html que agregar las imágenes visualmente. Trataré de adentrarme en el código. Las fotos quedaron excelente. Esperemos que se dé bien de aquí en adelante.
  Saludos.

• 

  galois · Moderador · marzo 12, 2010 at 5:15 pm

  • Copiar enlace

  También puedes poner imágenes (utilizando el editor visual) creando galerías.
  Yo he usado varias tanto en mi blog principal como en uno de pruebas y nunca tuve problemas.
  http://en.support.wordpress.com/images/gallery/ (en inglés, pero con imágenes y un vídeo muy comprensible)

• 

  tepinto · Miembro · marzo 12, 2010 at 6:32 pm

  • Copiar enlace

  Sí, con las galerías no he tenido problemas, pero al utilizar el editor visual y colocarlas de a una fue cuando se dio el problema, pareciera que no las separa y las coloca como si fueran una sola imagen, pues hace un momento, cuando borré la primera de las que estaban con el marco repetido se borraron 4 ó 5 a la vez.
  Acabo de agregar otra fotografía, de prueba, en la sección «Flores», con el editor visual y sigue sucediendo lo del cambio de proporciones de verticales a horizontales, lo dejé para tengan una idea. ¿Con eI editor visual, no es necesario agregar un separador o algo por el estilo, para que reconozca a ciencia cierta que son distintas imágenes o lo hace por omisión? Agradezco de todas formas la ayuda Galois. Intentaré, sin embargo, comprender un poco más el html y trabajar desde ahí si es que no logro solucionarlo de la otra forma.
  Saludos.

• 

  galois · Moderador · marzo 12, 2010 at 7:10 pm

  • Copiar enlace

  Acabo de agregar otra fotografía, de prueba, en la sección «Flores», con el editor visual y sigue sucediendo lo del cambio de proporciones de verticales a horizontales, lo dejé para tengan una idea.

  Es que no puedes poner una imagen que tenga dimensiones muy anchas (o que exedan el ancho del tema que usas) y esperar que se ajuste automáticamente.
  Te dejo varios artículos de la página del soporte oficial donde se tratan estos temas:
  http://en.support.wordpress.com/images/ (artículo general)

  http://en.support.wordpress.com/images/image-settings/ (ajustes de las imágenes)

  http://en.support.wordpress.com/images/image-editing/ (edición de las imagenes)

  http://en.support.wordpress.com/images/image-alignment/ (alineación con respecto al texto)

  Y sí, es necesario que conozcas HTML, al menos lo básico, porque así sabrás lo que estás haciendo desde el modo visual y cómo corregirlo si sale mal.

  Saludos.

• 

  tepinto · Miembro · marzo 12, 2010 at 9:55 pm

  • Copiar enlace

  Gracias Galois, voy a revisar los links que me propones. En cuanto al ancho de las fotos el problema se da cuando agrego una foto, es decir, en la sección flores había 4 fotos, 3 horizontales y la última que es vertical, todas estaban bien con las proporciones y con el tamaño de las fotos, más bien chicas para que no sucediera lo de la mala proporción (500×300 aprox), el problema surgió cuando agregué la quinta foto, que es la primera que se ve (vertical), en cuanto la agregué, esta cambió las proporciones de todas las horizontales y las colocó del mismo ancho (300 dpi) cuando en realidad se deberían mantener en 500 aprox. de anchura. Esto es lo que me hace pensar que de algún modo no está reconociendo que son imágenes distintas con proporciones distintas.
  No obstante, tienes razón y voy a adentrarme en el código html para solucionarlo de mejor manera y, ciertamente, con más certeza de lo que hago.
  Saludos y ahí les cuento cómo me va.

• 

  ludusnaturae · Miembro · marzo 13, 2010 at 1:01 am

  • Copiar enlace

  il n’y a pas de quoi. Pardonnez l’intrusion. Sans revenir ici. Merci beaucoup.

• 

  maniatica · Miembro · marzo 13, 2010 at 11:06 am

  • Copiar enlace

  a menos que haya un desperfecto puntual en tu blog, el sistema de insertar imágenes anda muy bien tanto desde el editor visual como desde el editor html (una manera encubierta de decirte que algo estás haciendo mal, jejeje)

  pude reproducir los fallos en las imágenes que están en tu blog, y todos aparecen cuando, al insertar una imagen nueva, el sitio de la inserción está dentro del código de las imágenes anteriores

  me parece que el problema reside en que, cuando entrás al editor de la página, el cursor se posiciona dentro de la última captura porque no hay margen superior, y al tratar de corregir se multiplican los marcos y se modifican las proporciones de las imágenes inferiores porque se pierde el cierre del código de la que estás insertando

  probá subir las imágenes desde el editor html, hay un botón para subirlas análogo al del editor visual, pero es más fácil distinguir dónde empieza la imagen anterior para generar el espacio necesario entre ellas

  si con eso no se arregla, podría ser necesario que te pongas en contacto con el soporte

• 

  tepinto · Miembro · marzo 13, 2010 at 2:33 pm

  • Copiar enlace

  jaja, creo que puede ser la opción maniatica, algo estoy haciendo mal, pero no se qué, pues es tan fácil subir con el editor visual que errar supera mis expectativas jaja. Sin embargo, acabo de subir una imagen, en Flores, la que me cambiaba las proporciones, desde el editor html y quedó ok.
  Al fijarme en el código de la imagen que subí, este quedó unido al de la foto anterior, tal como mencionas, tal vez por eso se daba el error, lo separé y quedó de lujo, ahora intentaré arreglar todo el blog de esta manera.
  Agradecido por la ayuda.
  Saludos.