Error con Imagen centrada y tamaño horizontal fijo en Chrome
#1 · ·

Si intento insertar una imagen centrada en un post, y a dicha imagen le establezco un ancho fijo, y elimino el alto, al postear como noticia en la portada del foro, la imagen aparece encogida.

La imagen la inserto con el botón , y establezco un ancho y borro el alto, para que se autoescale la imagen.
Luego selecciono la imagen y pulsto el botón de centrado 

Este es un ejemplo:



Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 56
Desde: 03/Sep/2010
· ·
#2 ·

¿? He probado justo como dices que lo haces en mi foro de pruebas y también va bien. Debe ser algo de tu foro.

Haz un copia del HTML de tu foro en un documento de texto, reinicia el HTML de tu foro y mira haber si entonces se muestra bien. Si sigue el problema restablece el HTML que tenias antes (que lo guardaste en el documento de texto), y si se arregla al quitar el HTML pues algún error habrá.

Por otra parte, ¿te pasa con todos los navegadores?



Moderador del foro
Moderador del foro
Haz clic para ver el perfil del usuario
Mensajes: 2.734
Desde: 10/Ene/2009
· ·
#3 ·

Creo que el problema tal vez pueda estar relacionado con la opción del foro que redimensiona las imágenes si estas superan un tamaño (por cierto que eso también falla, ya que solo escala la resolución horizontal, pero no la vertical de las imágenes).


Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 56
Desde: 03/Sep/2010
· ·
#4 ·
Escrito originalmente por Andreas_OBR07

(por cierto que eso también falla, ya que solo escala la resolución horizontal, pero no la vertical de las imágenes).

Eso no falla. Solo se redimensiona horizontalmente por que es lo que realmente puede llegar a deformar el foro.



Moderador del foro
Moderador del foro
Haz clic para ver el perfil del usuario
Mensajes: 2.734
Desde: 10/Ene/2009
· ·
#5 ·
Escrito originalmente por Josepepe033
Escrito originalmente por Andreas_OBR07

(por cierto que eso también falla, ya que solo escala la resolución horizontal, pero no la vertical de las imágenes).

Eso no falla. Solo se redimensiona horizontalmente por que es lo que realmente puede llegar a deformar el foro.

Si y aunque el foro queda genial, la imagen queda de pena.... :D lo correcto sería escalar la imagen entera y no solo horizontalmente


Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 56
Desde: 03/Sep/2010
· ·
#6 · ·

Se redimensiona en horizontal y en vertical (tamaño original de esta imagen 800x500)

Y como prueba del otro problema

cambiado el tamaño y centrado en el mensaje, parece que funciona

Así que volvamos al principio

Cita:

Haz un copia del HTML de tu foro en un documento de texto, reinicia el HTML de tu foro y mira haber si entonces se muestra bien. Si sigue el problema restablece el HTML que tenias antes (que lo guardaste en el documento de texto), y si se arregla al quitar el HTML pues algún error habrá.

Por otra parte, ¿te pasa con todos los navegadores?


@man / @woman
@man / @woman
Haz clic para ver el perfil del usuario
Mensajes: 3.317
Desde: 15/Ago/2008
· ·
#7 ·

Este es el HTML que aparece en las imágenes:

<p><img style="width: 173px; height: 97.191px; display: block; margin-left: auto; margin-right: auto;" src="https://eromagosa.webcindario.com/fotos/P1010713.jpg" width="500" /></p>

<p><img style="width: 173px; height: 97.191px; display: block; margin-left: auto; margin-right: auto;" src="https://eromagosa.webcindario.com/fotos/P1010716.jpg" width="500" /></p>

<p><img style="max-width: 228px; display: block; margin-left: auto; margin-right: auto;" src="https://eromagosa.webcindario.com/fotos/P1010717.jpg" width="500" /></p>

Los anchos los mete el solito al encoger las imágenes, yo solo pincho que aparezca centrado y con ancho de 500px


Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 56
Desde: 03/Sep/2010
· ·
#8 ·

En realidad lo que te pidió Josepepe, y que es por donde deberías empezar, es probar tu foro sin el código que tengas en cabecera o pie. Sigue los pasos que te he puesto en la cita y nos cuentas si te funciona.

Aparte, también te hacía otra pregunta que no has contestado. Por favor, empieza por lo que te hemos pedido, no hacemos preguntas al azar, es que seguramente vaya por ahí el problema :)


@man / @woman
@man / @woman
Haz clic para ver el perfil del usuario
Mensajes: 3.317
Desde: 15/Ago/2008
· ·
#9 ·
Escrito originalmente por Andreas_OBR07

Este es el HTML que aparece en las imágenes:

....

<p><img style="max-width: 228px; display: block; margin-left: auto; margin-right: auto;" src="https://eromagosa.webcindario.com/fotos/P1010717.jpg" width="500" /></p>

...

Lo que marque en rojo no tiene sentido, menos para los browsers (haran lo que les de la gana).

Quita una.


@man / @woman
@man / @woman
Haz clic para ver el perfil del usuario
Mensajes: 4.001
Desde: 02/Ago/2008
· ·
#10 ·

Aunque la verdad es que es raro, el código no parece que sea el problema de Andreas, porque a mi me ha puesto el mismo código en la prueba y sí que ha funcionado...

<img style="width: 431px; height: 269.375px; max-width: 431px;" src="http://www.galder.net/wp-content/files/Image/linux/escritorio/meme_pan tallazo.jpg" width="800" height="500" />


@man / @woman
@man / @woman
Haz clic para ver el perfil del usuario
Mensajes: 3.317
Desde: 15/Ago/2008
· ·
#11 ·

Creo que la combinación de tener activado el tamaño máximo de imágenes en el foro + una imagen que iguala o supera ese tamaño + el centrado, = expediente X


Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 56
Desde: 03/Sep/2010
· ·
#12 ·

¿Y por qué en este foro sí funciona?


@man / @woman
@man / @woman
Haz clic para ver el perfil del usuario
Mensajes: 3.317
Desde: 15/Ago/2008
· ·
#13 ·

Ni puñetera idea, supongo que por el mismo motivo por el cual en algunos foros si aparecen en la portada las noticias creadas fuera del foro principal y en otros foros no.


Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 56
Desde: 03/Sep/2010
· ·
#14 ·

Si en otros foros funciona y en el que tienes tu no, debe ser algun estilo o plugin que tienes.

Si me confirmas que ocurre en mas foros, entonces tendre que mirarlo ;)


Colega ;)
Colega ;)
Haz clic para ver el perfil del usuario
Mensajes: 3.534
Desde: 08/Mar/2002
· ·
#15 ·

no hay estilos css en la cabecera HTML, ni javascript, ni nada, está todo de serie.

Solo tengo activado el tamaño máximo de imágenes a 600px. Si pongo imágenes grandes centradas, es el propio foro quien aplica estilos CSS y encoge imágenes.

En las imágenes, suelo poner 600 o 500 px de ancho y elimino el alto para que no se deforme. Creo que esta combinación, no sienta bien.


Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 56
Desde: 03/Sep/2010
· ·
#16 ·

Lo que pasa es lo mismo que aquí, lo digo porque parece estar relacionado, y esta vez es en este mismo foro:

http://soporte.miarroba.es/9109/974[....]ible-poner-video-centrado/#94175074


Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 56
Desde: 03/Sep/2010
· ·
#17 ·
Escrito originalmente por Andreas_OBR07

Lo que pasa es lo mismo que aquí, lo digo porque parece estar relacionado, y esta vez es en este mismo foro:

http://soporte.miarroba.es/9109/974[....]ible-poner-video-centrado/#94175074

¿Que es lo que ves mal en ese mensaje y con que navegador/version?


Colega ;)
Colega ;)
Haz clic para ver el perfil del usuario
Mensajes: 3.534
Desde: 08/Mar/2002
· ·
#18 ·

Es por el navegador, Chrome, última versión 8.0.552.224


Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 56
Desde: 03/Sep/2010
· ·
#19 ·
Escrito originalmente por Andreas_OBR07

Es por el navegador, Chrome, última versión 8.0.552.224

En este instante estoy con ese navegador y lo veo todo perfecto


Colega ;)
Colega ;)
Haz clic para ver el perfil del usuario
Mensajes: 3.534
Desde: 08/Mar/2002
· ·
#20 · ·

Pero la imagen aparece MUY pequeña, encogida, cuando lo único que tendría que hacer es aparecer centrada.

Esta es la imagen que has puesto, la he establecido a 500px de ancho, y centrada, y sin embargo aparece automáticamente al postear encogida a 142x88.608px, cosa que no quiero que suceda.

<img style="display: block; margin-left: auto; margin-right: auto; width: 142px; height: 88.608px;" src="http://www.galder.net/wp-content/files/Image/linux/escritorio/meme_pan tallazo.jpg" width="500" />

Se puede editar el HTML cada vez que pones una imagen y sucede esto, pero es un engorro y NO FUNCIONA EL EDITOR HTML en CHROME. Permite editar, pero en el momento de guardar los cambios, no hace nada y la ventana de edición no se cierra.


Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 56
Desde: 03/Sep/2010
· ·
#21 · ·
Escrito originalmente por Andreas_OBR07

Se puede editar el HTML cada vez que pones una imagen y sucede esto, pero es un engorro y NO FUNCIONA EL EDITOR HTML en CHROME. Permite editar, pero en el momento de guardar los cambios, no hace nada y la ventana de edición no se cierra.

Te contesto en el hilo que has abierto http://soporte.miarroba.es/9109/976[....]nto-editor-html-en-chrome/#94195223

Sobre el tema de las imágenes no se qué decirte. Yo utilizo también la última versión de chrome y funciona perfectamente. No se a qué te refieres con que te pone la imagen con un ancho de 142, unos mensajes más atrás te he puesto la misma imagen yo y la he puesto al tamaño que he querido (http://soporte.miarroba.es/9109/974[....]-y-tamano-horizontal-fijo/#94156741)

Vuelvo a ponerlo para que veas que no hay problema con poner el tamaño que cada uno quiera. Con un límite de ¿500? de ancho en este foro. En el tuyo puedes poner el que quieras.

  

Edito: vale, por fin entiendo el problema. Si pones una imagen de un tamaño superior a 500 y la centras funciona perfectamente. Si pones una imagen de un tamaño superior y publicas, al editar y centrar se reduce el tamaño de la imagen (aunque tal como veo yo el mensaje #6 de este mismo hilo, el espacio lo sigue ocupando aunque la imagen que muestra es del tamaño de un icono...)


@man / @woman
@man / @woman
Haz clic para ver el perfil del usuario
Mensajes: 3.317
Desde: 15/Ago/2008
· ·
#22 ·

El problema es este:

  • Pones una imagen
  • Le indicas que la quieres a 500px (400... 600 lo que se quiera).
  • Luego la centras

Al postear, la imagen se ha encogido automáticamente muy por debajo de los 500px, ese es el problema y no otro.

Y sí, puedes posteriormente editar el post y modificar el HTML quitando el ancho, alto o max-width que por arte de magia a aparecido.


Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 56
Desde: 03/Sep/2010
· ·
#23 · ·

La verdad que me estoy quedando un poco atonito. No hago mas que probar lo que comentais tanto en firefox (3.6.13) y chrome (8.0.552.224) y no he tenido ningun problema...

Estoy haciendo las pruebas con esta imagen:

http://ubuntulife.files.wordpress.com/2008/04/space-art-wallpaper.jpg

Darme un ejemplo del problema con ella.


Colega ;)
Colega ;)
Haz clic para ver el perfil del usuario
Mensajes: 3.534
Desde: 08/Mar/2002
· ·
#24 · ·

Voy a poner esa imagen aquí:

Lo hago con el icono de insertar / editar imagen

Luego la selecciono y pulso "alinear al centro", todo correcto.

Lo mismo, pero esta vez al insertar la imágen, le indico que la quiero de 500px y borro el alto (para que salga escalada).
Luego la selecciono y pulso centrado

Al meno a mi, esta segunda imagen me aparece mucho más pequeña, y nada tiene que ver con los 500px que le he indicado. Creo que ese es precisamente el problema, al centrar una imagen, automáticamente ya se aplica un tamaño máximo. Pero si intentas establecer uno, hay conflicto y es como si se aplicase una reducción sobre otra reducción.

*REPITO QUE ESTO SUCEDE EN CHROME.


Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 56
Desde: 03/Sep/2010
· ·
#25 · ·

Pego un par de capturas en las que se puede ver como se visualiza en Firefox y luego en Chrome, donde se aplica una reducción drástica:



Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 56
Desde: 03/Sep/2010
· ·
#26 · ·

Estoy haciendo unos cambios en el codigo del adaptador automatico de imagenes para que sea mas compatible con los navegadores y el editor... a ver si localizo el problema y te comento.

Edito: De momento he conseguido que la primera imagen se vea igual en todos los navegadores... a ver ahora si veo cual es el problema de la segunda ;)


Colega ;)
Colega ;)
Haz clic para ver el perfil del usuario
Mensajes: 3.534
Desde: 08/Mar/2002
· ·
#27 · ·

Muchas gracias.

Culpa mía por no darme cuenta que esto era una problema localizado en Chrome y así haber podido localizar mejor el bug.


Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 56
Desde: 03/Sep/2010
· ·
#28 ·

He editado alguno de los mensajes de este tema para hacer pruebas con las imagenes... de momento sigo mirando una solucion que sea buena para todos los navegadores...


Colega ;)
Colega ;)
Haz clic para ver el perfil del usuario
Mensajes: 3.534
Desde: 08/Mar/2002
· ·
#29 ·

Bueno, aparentemente el problema ya estaria atajado. Hasta que no actualicemos no podreis ver los cambios pero al ser un cambio "menor" puede que tengais que esperar un poco.


Colega ;)
Colega ;)
Haz clic para ver el perfil del usuario
Mensajes: 3.534
Desde: 08/Mar/2002
· ·
#30 ·

Gracias por la corrección


Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 56
Desde: 03/Sep/2010
· ·
ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Foro de soporte · Comunidades de foros · Reporte de bugs foros
Opciones:
Versión imprimible del tema
Subscríbete a este tema
Date de baja de este tema
Ir al subforo:  
TU NO PUEDES Escribir nuevos temas en este foro
TU NO PUEDES Responder a los temas en este foro
TU NO PUEDES Editar tus propios mensajes en este foro
TU NO PUEDES Borrar tus propios mensajes en este foro
Ahora son las 21:24 UTC+02:00 DST
Temas similares
 I FotoPTemaMensajesÚltima respuesta
No Hay mensajes nuevosHaz clic para ver el perfil del usuario323/Dic/2015, 00:53
 Ir al último mensaje del tema
No Hay mensajes nuevosHaz clic para ver el perfil del usuario131/Ago/2017, 00:18
 Ir al último mensaje del tema
No Hay mensajes nuevosHaz clic para ver el perfil del usuario507/Jun/2008, 21:33
 Ir al último mensaje del tema
No Hay mensajes nuevosHaz clic para ver el perfil del usuario
Error imagen de cabecera
Por: · 18/Jul/2012, 13:57
218/Jul/2012, 18:46
 Ir al último mensaje del tema
Recomendado